相信你已经了解注释的作用了。HTML的注释不会被浏览器作为HTML解释,CSS注释也不会被浏览器解释。同理,JavaScript的注释也不会被执行。
注释的作用就是记录自己在编程时候的思路,以便以后自己阅读代码时可以马上找到思路。同样,注释也有助于别人阅读自己书写的JavaScript代码。总之书写注释是一个良好的编程习惯。
6 JavaScript 变量
(1)什么是变量
在代数中,我们会遇到下面的基础问题,如果a的值为5,b的值为6,那么a与b的和是多少?在这个问题中,我们就可以把a和b看做变量,再设置一个变量c来保存a与b的和。
那么,上面的这个问题就可以用如下的JavaScript代码表示:
执行结果:10
在上面的例子中,我们用到了三个变量:a,b,c。这些都是变量的名字,在JavaScript中,我们需要用变量名来访问这个变量。在JavaScript中,变量名有如下规定:
? ?
变量名区分大小写,A与a是两个不同变量。 变量名必须以字母或者下划线开头。
(2)声明变量
我们可以用var声明变量,比如:
其实在第一个例子中我们已经看到了,JavaScript中可以不声明变量直接赋值。不过先声明变量是一个良好的编程习惯。 (3)给变量赋值
来看一个上面出现过的语句:
a = 5 ;
这个语句怎么读出来呢?“a等于5”?
对不起,不对。应该是“让a等于5”,说得专业一点,这叫“给a赋值”。 我们之前已经提到过,a是变量,是可以变的,所以从某种角度来说,它不等于任何值,只是暂时的等于某个值。来看下面这个例子,进一步熟悉一下赋值与等于的关系:
a = 5;//让a等于5,a的值暂时等于5 a = 6;//让a等于6,a的值暂时等于6
再次强调,如果JavaScript是你学习的第一门编程语言,一定要注意区分“等于”和“赋值”这两个不同的概念。 (4)变量的数据类型
其实,在JavaScript中,变量是无所不能的容器,你可以吧任何东西存储在变量里,例如:
var quanNeng1 = 123;//数字
var quanNeng2 = \一二三\字符串
其中,quanNeng2这个变量存储了一个字符串,字符串需要用一对引号括起来。变量还可以存储更多的东西,例如数组,对象,布尔值等等,我们会在后面介绍这些内容。
7 JavaScript操作符
7.1运算操作符
操作符是用于在JavaScript中指定一定动作的符号,其中算术操作符主要用来完成类似加减乘除的工作。 (1)操作符举例
看下面这段JavaScript代码。 c = a + b;
其中的\和\都是操作符。
JavaScript中还有很多这样的操作符,例如,加减乘除是JavaScript中比较基本的几个操作符,它们的意义与在数学中没有什么差别。
JavaScript中最常见的操作符是赋值操作符“=”,上一节我们已经强调过,它不是等于。
(2)操作符的优先级
我们都知道,在数学中,“a + b * c”这个式子中,乘法将先于加法运算。同样,在JavaScript中,这个式子会按相同的顺序执行。我们称之为“优先级”,即“*”的优先级高于“+”。
与数学中一样,改变运算顺序的方法是添加括号,JavaScript中改变优先级的方法也是添加括号。例如: (a +b) * c (3)字符串的连接
在JavaScript中,“+”不知代表加法,同样也可以使用它来谅解两个字符串,例如:
example = \乌\龟\
在上面的例子中,example将包含“乌龟”这个字符串。这是由于“+”完成了“乌”和“龟”的连接,当然了,你也可以把这种行为理解成字符串的加法。 (4)自加一,自减一操作符
这里我们来看两个非常常用的运算符,自加一“++”;自减一“--”。首先来看一个例子:
a = 5;
a++;//a的值变为6 a--//a的值有变回5
上面的例子中,a++使得a的值在原来的基础上增加1,a--则让a在现在的基础上在减去1。所以,其实“a++”也可以写成
“a = a + 1”;//等同于a++ (5)复合操作符
延续上面的例子,其实“a = a + 1”还可以写成:
a += 1;//将a的值加1之后再赋给a
这样把运算和赋值结合到一起的操作符叫做复合操作符。上面我们看到的是加法与赋值的结合,JavaScript中还有其它的符合运算符:
a += b;// a = a + b a -= b;// a = a - b a *= b;// a = a * b a /= b;// a = a / b
7.2比较操作符和逻辑操作符
操作符是用于在JavaScript中指定一定动作的符号。 (1)比较操作符
比如:“==”符号,它是一个比较操作符,它表示的意思就是“相等吗?”。 例如:a==b表示:“a与b的值相等吗?”
在JavaScript中,这样的比较操作符有很多,下面就列出这些操作符以及它们的含义。
? ? ? ? ? ?
“>” —— a大于b吗? “<” —— a小于b吗?
“>=” —— a大于等于b吗? “<=” —— a小于等于b吗? “==” —— a等于b吗? “!=” —— a不等于b吗?
(2)逻辑操作符
数学里面的“a>b”在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a
b>a && a<b
你可能已经猜到了,“&&”是而且的意思。
if(条件1 && 条件2) {//代码}
只有条件1、2同时满足,代码才会得到执行。 类似的操作符还有“或者(||)”和“非(!)”
if(条件1 || 条件2) {//代码}
“||”表示或者的意思,只要条件1或2中有一个满足,代码就会得到执行。
if(!条件) {//代码}
“!”表示非,也就是不是的意思,只有条件不满足的时候,代码才会得到执行。
8 JavaScript流程控制语句
8.1 if else语句(如果,否则)
if else是所有编程语言里都有的功能,它使得程序具有简单的判断能力。 在介绍if之前,让我们先来了解一下布尔值这个概念。 (1)布尔(Bool)值
在变量一节中,我们曾经说过,变量可以用来存储布尔值。哪么布尔值的作用究竟是什么呢?简单的说,布尔值的作用就是用来表示“真的假的”。所以布尔值其实只有两种取值:真(true)和假(false)。