北大青鸟

网站首页 > 热门课程 > 软件测试工程师 >

站内公告

javascript基础教程:基本语法、变量、表达式与运算符

责任编辑:宏鹏来源:武汉北大青鸟鲁广校区时间:2014-01-03 09:37:47
导读:JavaScipt基本教程之JavaScript语言的基础,小编讲解了javascript基本语法、变量、表达式与运算符,大家只有掌握了javascript这个基础知识才可以在日后运用到网页设计中。

本文从javascript基本语法、变量、表达式与运算符来了解javascript,让各位读者尽快的掌握javascript应用。 在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方。使用标记<script>…</script>,你可以在 HTML 文档的任意地方插入 JavaScript,甚至在<HTML>之前插入也不成问题。不过如果要在声明框架的网页(框架网页)中插入,就一定要在<frameset>之前插入,否则不会运行。 基本格式 <script> <!-- ... (JavaScript代码) ... //--> </script> 第二行和第四行的作用,是让不懂<script>标记的浏览器忽略 JavaScript 代码。一般可以省略,因为现在想找不懂 Script 的浏览器,恐怕就连博物馆里也没有了。第四行前边的双反斜杠“//”是 JavaScript 里的注释标号,以后将学到。 另外一种插入 JavaScript 的方法,是把 JavaScript 代码写到另一个文件当中(此文件通常应该用“.js”作扩展名),然后用格式为“<script src=”javascript.js“></script>”的标记把它嵌入到文档中。注意,一定要用“</script>”标记。 参考 <script>标记还有一个属性:language(缩写lang),说明脚本使用的语言。对于 JavaScript,请用“language=”JavaScript“”。 参考 相对于<script>标记,还有一个<server>标记。<server>标记所包含的,是服务器端(Server Side)的脚本。本教程只讨论客户器端(Client Side)的 JavaScript,也就是用<script>标记包含的脚本。 如果想在浏览器的“地址”栏中执行 JavaScript 语句,用这样的格式: javascript:<JavaScript语句> 这样的格式也可以用在连接中: <a href=“javascript:<JavaScript语句>”>...</a> JavaScript 基本语法 每一句 JavaScript 都有类似于以下的格式: <语句>; 其中分号“;”是 JavaScript 语言作为一个语句结束的标识符。虽然现在很多浏览器都允许用回车充当结束符号,培养用分号作结束的习惯仍然是很好的。 语句块 语句块是用大括号“{ }”括起来的一个或 n 个语句。在大括号里边是几个语句,但是在大括号外边,语句块是被当作一个语句的。语句块是可以嵌套的,也就是说,一个语句块里边可以再包含一个或多个语句块。 JavaScript 中的变量 什么是变量 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。所储存的值,可以是数字、字符或其他的一些东西。 变量的命名 变量的命名有以下要求: 只包含字母、数字和/或下划线; 要以字母开头; 不能太长(其实有什么人喜欢使用又长又臭的名字呢?); 不能与 JavaScript 保留字(Key Words,Reserved Words,数量繁多,不能一一列出;凡是可以用来做 JavaScript 命令的字都是保留字)重复。 而且,变量是区分大小写的,例如,variable 和 Variable 是两个不同的变量。不如此,大部分命令和“对象”(请参阅“对象化编程”章)都是区分大小写的。 提示 给变量命名,好避免用单个字母“a”“b”“c”等,而改用能清楚表达该变量在程序中的作用的词语。这样,不别人能更容易的了解你的程序,而且你在以后要修改程序的时候,也很快会记得该变量的作用。变量名一般用小写,如果是由多个单词组成的,那么个单词用小写,其他单词的个字母用大写。例如:myVariable 和 myAnotherVariable。这样做是为了美观和易读,因为 JavaScript 一些命令(以后将用更具体的方法阐述“命令”一词)都是用这种方法命名的:indexOf;charAt 等等。 变量需要声明 没有声明的变量不能使用,否则会出错:“未定义”。声明变量可以用: var <变量> [= <值>]; var 我们接触的个关键字(即保留字)。这个关键字用作声明变量。简单的声明方法就是“var <变量>;”,这将为<变量>准备内存,给它赋初始值“null”。如果加上“= <值>”,则给<变量>赋予自定的初始值<值>。 数据类型 变量可以用的数据类型有: 整型 只能储存整数。可以是正整数、0、负整数,可以是十进制、八进制、十六进制。八进制数的表示方法是在数字前加“0”,如“0123”表示八进制数“123”。十六进制则是加“0x”:“0xEF”表示十六进制数“EF”。 浮点型 即“实型”,能储存小数。有资料显示,某些平台对浮点型变量的支持不稳定。没有需要就不要用浮点型。 字符串型 是用引号“” “”、“‘ ’”包起来的零个至多个字符。用单引号还是双引号由你决定。跟语文一样,用哪个引号开始就用哪个结束,而且单双引号可嵌套使用:‘这里是“JavaScript 教程”。' 不过跟语文不同的是,JavaScript 中引号的嵌套只能有一层。如果想再多嵌一些,你需要转义字符: 转义字符 由于一些字符在屏幕上不能显示,或者 JavaScript 语法上已经有了特殊用途,在要用这些字符时,就要使用“转义字符”。转义字符用斜杠“\”开头:\' 单引号、\“ 双引号、\n 换行符、\r 回车(以上只列出常用的转义字符)。于是,使用转义字符,就可以做到引号多重嵌套:'Micro 说:”这里是\“JavaScript 教程\”。“ ' 布尔型 常用于判断,只有两个值可选:true(表”真“)和 false(表”假“)。true 和 false 是 JavaScript 的保留字。它们属于”常数“。 对象 关于对象,在”对象化编程“一章将详细讲到。 由于 JavaScript 对数据类型的要求不严格,一般来说,声明变量的时候不需要声明类型。而且就算声明了类型,在过程中还可以给变量赋予其他类型的值。声明类型可以用赋予初始值的方法做到: var aString = ''; 这将把 aString 定义为具有空值的字符串型变量。 var anInteger = 0; 这将把 anInteger 定义为值为 0 的整型。 变量的赋值 一个变量声明后,可以在任何时候对其赋值。赋值的语法是: <变量> = <表达式>; 其中”=“叫”赋值符“,它的作用是把右边的值赋给左边的变量。下一节将讨论到表达式。 JavaScript常数 有下列几个: null 一个特殊的空值。当变量未定义,或者定义之后没有对其进行任何赋值操作,它的值就是”null“。企图返回一个不存在的对象时也会出现null值。 NaN ”Not a Number“。出现这个数值比较少见,以至于我们可以不理它。当运算无法返回正确的数值时,就会返回”NaN“值。NaN 值非常特殊,因为它”不是数字“,所以任何数跟它都不相等,甚至 NaN 本身也不等于 NaN 。 true 布尔值”真“。用通俗的说法,”对“。 false 布尔值”假“。用通俗的说法,”错“。 在 Math 对象中还有一系列数学常数。这将在讨论”对象化编程“时谈到。 表达式与运算符 表达式 与数学中的定义相似,表达式是指具有一定的值的、用运算符把常数和变量连接起来的代数式。一个表达式可以只包含一个常数或一个变量。运算符可以是四则运算符、关系运算符、位运算符、逻辑运算符、复合运算符。下表将这些运算符从高优先级到低优先级排列: 括号(x) [x]中括号只用于指明数组的下标 求反、自加、自减-x返回 x 的相反数 !x返回与 x (布尔值)相反的布尔值 x++x 值加 1,但仍返回原来的 x 值 x--x 值减 1,但仍返回原来的 x 值 ++xx 值加 1,返回后来的 x 值 --xx 值减 1,返回后来的 x 值 乘、除x*y返回 x 乘以 y 的值 x/y返回 x 除以 y 的值 x%y返回 x 与 y 的模(x 除以y 的余数) 加、减x+y返回 x 加 y 的值 x-y返回 x 减 y 的值 关系运算x<y x<=y x>=y x>y当符合条件时返回 true 值,否则返回 false 值 等于、 不等于x==y当 x 等于 y 时返回 true 值,否则返回 false 值 x!=y当 x 不等于 y 时返回 true 值,否则返回 false 值 位与x&y当两个数位同时为 1 时,返回的数据的当前数位为 1,其他情况都为 0 位异或x^y两个数位中有且只有一个为 0 时,返回 0,否则返回 1 位或x|y两个数位中只要有一个为 1,则返回 1;当两个数位都为零时才返回零 位运算符通常会被当作逻辑运算符来使用。它的实际运算情况是:把两个操作数(即 x 和 y)化成二进制数,对每个数位执行以上所列工作,然后返回得到的新二进制数。由于”真“值在电脑内部(通常)是部数位都是 1 的二进制数,而”假“值则是部是 0 的二进制数,所以位运算符也可以充当逻辑运算符。 逻辑与x&&y当 x 和 y 同时为 true 时返回 true,否则返回 false 逻辑或x||y当 x 和 y 任意一个为 true 时返回 true,当两者同时为 false 时返回 false 逻辑与/或有时候被称为”快速与/或“。这是因为当操作数(x)已经可以决定结果,它们将不去理会 y 的值。例如,false && y,因为x == false,不管 y 的值是什么,结果始终是 false,于是本表达式立即返回 false,而不论 y 是多少,甚至 y 可以导致出错,程序也可以照样运行下去。 条件c?x:y当条件 c 为 true 时返回 x 的值(执行 x 语句),否则返回 y 的值(执行 y 语句) 赋值、 复合运算x=y把 y 的值赋给 x,返回所赋的值 x+=y x-=y x*=y x/=y x%=yx 与 y 相加/减/乘/除/求余,所得结果赋给 x,并返回 x 赋值后 注意 所有与四则运算有关的运算符都不能作用在字符串型变量上。字符串可以使用 +、+= 作为连接两个字符串之用。 相信大家看了以上教程以后对javascript有了一定的了解,如果你想学习网页设计,欢迎咨询在线老师或者电询北大青鸟老师!

本文标题:javascript基础教程:基本语法、变量、表达式与运算符,责任编辑:宏鹏,来源:武汉北大青鸟鲁广校区栏目,于2014-01-03 09:37:47发布于北大青鸟鲁广校区。JavaScipt基本教程之JavaScript语言的基础,小编讲解了javascript基本语法、变量、表达式与运算符,大家只有掌握了javascript这个基础知识才可以在日后运用到网页设计中。

专业老师指导

赵老师

赵老师

从事IT教育培训十年有余,致力于帮助广大学子找到适合自己的专业

立即在线咨询

培训咨询客服

陈老师

陈老师

IT培训专业客服,用自己的真诚解决了无数学子的困惑

立即在线咨询

本文地址:https://m.027hpedu.com/html/3049.html

文章标题:javascript基础教程:基本语法、变量、表达式与运算符

上一篇:javascript基础应用:应用JavaScript改变HTML元素的样式

下一篇:javascript基础教程:如何实现javascript输出

热点关注

推荐软件测试工程师

热门软件测试工程师

预约你的精彩未来

预约将免费领取7天课程体验卡

-------请选择试预约课程-------

JAVA
WEB前端
PHP
UI设计
Python
电子商务
视频剪辑
大数据工程师
平面设计

83345人已领取

全国百余家校区

只为您方便就学

北大青鸟鲁广校区

北大青鸟鲁广校区

武汉市洪山区珞喻路724号(地铁二号线光谷广场站F口出)

预约到校
领取学习大礼包

首页

热门课程

视频网课

新闻资讯

关于学校

联系学校

预约选课申请

  • 预约时间

    请选择预约时间

  • 预约课程

    请选择预约课程

  • 姓   名
  • 手机号
  • QQ 号
  • 微信号

添加老师微信号

专业老师24小时1对1学习指导

定制专属于你的专属学习方案

微信号:17740513250

复制老师的微信号

复制成功啦

快去微信添加老师为好友吧~

北大青鸟小青

微信号:17740513250

北大青鸟小青

微信号:17740513250

设置备注
小主知道啦