在Javascript中,表达式是短语,那么语句(statement)就是整句或命令。正如英文语句以句号结尾,javascript以分号结尾。
表达式计算出一个值,但语句使某件事发生。
“使某件事发生”的一个方法是计算带有副作用的表达式。诸如赋值和函数调用这些有副作用的表达式,是可以作为单独的语句的。这种把表达式当做语句的用法也称做表达式语句(exPRession statement)。类似的语句还有声明语句(declaration statement),声明语句用来声明新变量或者定义新函数。
javascript程序就是一系列的可执行语句的集合,默认情况下,javascript解释器依照编写顺序依次执行。另一种“使某件事情”发生的方法就是改变语句的默认执行顺序:
接下来本文将介绍javascript中各式各样的语句和其语法。本章最后对这些语句做了总结。一个javascript程序无非是以分隔分割的语句集合,所以一旦掌握了javascript语句,就可以编写javascript程序了。
1.表达式语句
赋值语句是一种比较重要的表达式语句,它的作用就是改变一个变量的值,就像执行一条赋值语句一样:例如
greet = "hello" + name; i *= 3;
递增运算符(++)和递减运算符(--)和赋值语句有关。它们的作用是改变一个变量的值,就像执行一条赋值语句一样。
counter++;
delete运算符的重要作用就是删除一个对象的属性(或数组的元素),所有它一般作为语句使用,而不是作为复杂表达式的一部分。
delete o.x;
函数调用是表达式语句的另外一个大类,例如
alert(greet); window.close();
虽然这些客户端函数都是表达式,但它们对web浏览器造成了一定的影响。所以我们认为也是语句,调用一个没有副作用的函数是没有意义的,除非它是复杂的表达式或赋值语句的一部分,例如。不可能随便把一个余弦值丢弃;
Math.cos(x);
相反,得出余弦值就得把它赋值给一个变量,以便将来使用这个值:
var cx = Math.cos(x);
再次提醒各位,每行代码就是以分号结束的。
2.复合语句和空语句
可以用逗号运算符将几个表达式连接在一起,形成一个表达式。同样,javascript还可以讲多条语句联合在一起,形成一个复合语句(compound statement)。只需花括号将多条语句括起来即可。因此,下面几行代码可以当成一条单独的语句,使用在javascript任何希望使用一条语句的地方。
{ x = Math.PI; cx = Math.cos(x); console.log("cos(π)=" + cx); }
关于语句块有几点需要注意:第一,语句块不需要分号。块中的元素语句必须以分号结尾,但语句块不需要。
第二,语句块中的行都有缩进,这不是必须的,但整齐的缩进能使代码可读性更强,更容易理解。
第三,javascript没有块级作用域,在语句块中声明的变量并不是语句块所私有的。(参考3章10节第一小节)
将很多条语句合并成一个大语句块的做法在javascript编程中非常常见。类似的表达式通常包含子表达式一样,很多javascript包含其它子语句,从形式来讲,javascript通常允许一个语句块包含一条子语句。例如:while循环的循环体就可以只包含一条语句。使用语句块,可以将任意数量的语句放到这个块中,这个语句块可以当做一条语句来使用。
在javascript中,当希望多条语句被当做一条语句使用时,使用符合语句来替代。空语句(empty statement)则恰好相反,它允许包含0条语句。空语句如下所示:
;//分号
javascript解释器在执行空语句时显然不执行任何动作,但实践证明:当创建一个具有空循环体的循环时,空语句有时是很有用的,例如下面的for循环
//初始化一个数组a for (i = 0; i < a.length; a[i++] = 0);
在这个循环中,所有的操作都在表达式a[i++]=0中完成,这里并不需要任何循环体。然而javascript需要循环体中至少包含一条语句,因此这里只使用了一个单独的分号来表示一条空语句。
注意,在for循环、while循环或if语句的右边园括号的分号很不起眼,这很可能造成 一些致命的bug,而这些bug很难定位到。例如下面的代码的执行结果很可能就是作者不想要的效果:
if((a==0)||(b==0)); //这一行代码什么也没做.... o = null; //这一行代码总会执行
如果有特殊目的使用空语句,最好在代码中添加注释,这样能更清楚的说明这条空语句是有用的
for (i = 0; i < a.length; a[i++] = 0) /*empty*/;
3.声明语句
var和function都是声明语句,它们声明或定义变量或函数。这些语句定义标识符(变量名和函数名)并给其赋值,这些标识符可以在程序任意地方使用。声明语句本身什么也不做,但它有一个重要意义:通过创建变量和函数,可以更好的组织代码的语义。
接下几节将讲述var语句和function语句,但并不包含变量和函数的全部内容。
i.var
var语句用来声明一个或者多个变量,它的语法如下:
var name_1[ = value_1][, ..., name_n[ = value_n]]
关键字var之后跟随的是要声明的变量列表,列表中的每一个变量都可以带有初始化表达式,可用于指定它的初始值。例如:
var i; //一个简单的变量 var j = 0; //一个带有初始值的变量 var p, q; //两个变量 var greet = "hello" + name; //更复杂的初始化表达式 var x = 2.34,y = Math.cos(0.75),r, theta; //很多变量 var x = 2,y = x * x; //第二个变量使用了第一个变量 var x = 2, f = function(x) {return x * x}, //每个变量都独占一行 y = f(x)
如果var语句出现在函数体内,那么定义的是一个局部变量,其作用域就是这个函数。如果在顶层代码中使用var语句,那么它声明的是全局变量,在整个javascript中,都是可见的。在第三章10节提到:全局变量是全局对象的属性,然后和其它全局对象属性不同的是,var声明的变量是无法通过delete删除的。
如果var语句中的变量没有指定初始化表达式,那么这个变量的值初始为undefined。所以,在声明语句之前的变量值就是undefined。
需要注意的是,var语句同样可以作为for循环或者for/in循环的组成部分。(在循环之前声明的变量声明一样,这里声明变量也会"提前"),例如:
for (var i = 0; i < 10; i++) console.log(i); for (var i = 0, j = 10; i < 10; i++, j--) console.log(i * j); for (var i in o)console.log(i);
注意,多次声明同一变量是无所谓的。
ii.function
关键字function用来声明函数的,我们已经学过函数表达式(4.3).函数定义可以写成语句的形式。例如:下面示例代码中的两种定义写法:
var f = function f(x) {return x + 1;} //将表达式赋值给一个变量 function f(x){return x + 1;} //含有变量名的语句
函数声明的语法如下:
function funcname([arg1[, arg2[..., argn]]]) { statements }
funcname是要声明的函数的名称标识符。函数名之后是参数列表,参数之间使用逗号隔开。当调用函数的时候,这些标识符则指代传入函数的实参。
函数体是由javascript语句组成的,语句数量不限,且用花括号括起来。在定义函数时,并不执行函数体内的语句,它和调用函数时待执行的新函数对象相关联。注意,function函数语句里的花括号是必须的,这和while循环和其它一些语句锁使用的语句块是不同的,即使函数体只有一条语句,仍然需要花括号将其括起来。
function hyteus(x, y) { return Math.sqrt(x * x + y * y); } hyteus(1, 2) //=>2.23606797749979 function facial(n) { //一个递归函数 if (n <= 1) return 1; return n * facial(n - 1); } facial(11) //=>39916800
函数的声明通常出现在javascript代码的最顶部,也可以嵌套在其他函数体内。但在嵌套时,函数声明只能出现在所嵌套的函数顶部。也就是说:函数定义不能出现在if、while、或其他语句中。
和var语句一样,函数声明语句创建的变量也是不可删除的。但是这些变量不是只读的,变量值可以重写。
4.条件语句
条件语句是通过判断指定的表达式的值是否来执行或跳过某些语句。这些语句是代码的”决策点“,有时称为”分支“。如果javascript解释器是按照代码的”路径“执行的。条件语句就是这条路上的分叉点。程序到达这里必须选择一条路径来继续执行。
i.if语句
if语句是基本的控制语句,准确的说,它让程序有条件的执行,这种语句有两种形式:第一种是
if (expression) statement
这种形式中,判断expression 的值,如果是真,执行statement语句,如果是假值,就不执行statement.例如
if (username == null) //如果username是null或undefined username = "jack wong"; //对其进行定义
需要注意的是,if语句括住expression的园括号是必须的。
javascript语法规定,if关键字和带园括号的表达式之后必须跟随一条语句。但可以使用语句块将多条语句合成一条。因此,if语句的形式如下所示:
if (!address) { address = ""; message = "please mailing address" }
if语句的第二种形式引入了else从句,当expression的值是false值时执行else 逻辑
if (expression) statement1 else statement2
例如以下代码
if (n == 1) console.log("1 new message"); else console.log("you have" + n + "new message");
当if/else语句中,嵌套使用if语句时,必须注意确保else语句匹配正确的if语句。考虑如下代码:
i = j = 1; k = 2; if (i == j) if (j == k) console.log("i equs k"); else console.log("i dosent equal j"); //错误!!
这个实例中,内层的if语句构成了外层if语句所需要的子句。但是,if和else的匹配关系不清晰(只有缩进给了一点暗示)而且在这个例子里,缩进给出的暗示是错误的,因为javascript解释器是这么理解的。
if (i == j) { if (j == k) console.log("i equs k"); else console.log("i dosent equal j"); }
和大多编程语言一样,javascript中的if、else匹配规则是,else总是和就近的if语句匹配,为了让个例子的可读性更强,更容易理解,更方便维护和调试,应当使用花括号
if (i == j) { if (j == k) { console.log("i equs k"); } else { //花括号使代码的结果更清晰 console.log("i dosent equal j"); } }
许多程序员都将有if和else语句主体用花括号括起来的习惯(就像类似while循环这样的符合语句中一样),即使每条分支只有一条语句,但这样做能避免刚才的程序歧义问题。
ii.else if
if/else语句通过判断一个表达式的计算结果来选择两条分支中的一条。当代码中有许多条分支的时候应该怎么办呢?一种解决的办法是使用else if语句。else if并不是真正的javascript语句,它只不过是多条if / else语句连接在一起的写法。
if (n == 1) { //执行代码块 1 } else if (n == 2) { //执行代码块2 } else if (n == 3) { //执行代码块3 } else { //之前的条件都为false,则执行代码块4 }
这种代码没有什么特别之处,它由多条if语句组成,每条if语句的else的从句又包含另外一条if语句。可以用if语句的嵌套形式来完成语法上的等价代码,但与此相比,显然else if的写法更加清晰也更可取。
iii.switch
if语句在程序执行的过程中,创建一支分支,并且可以使用else if来处理多条分支。然后,当所有的分支都依赖同一个表达式的值时,else if并不是最佳的解决方案。在这种情况下,重复计算多条if语句中的表达式是非常浪费的做法。
switch语句适合处理这种情况。关键字switch之后紧跟着园括号括起来的一个表达式。随后是花括号括起来的代码块。
switch (expression) { statements }
然而switch语句完整的语法要比这更复杂一些。case之后是一个表达式和冒号,case和标记语很类似,只是这个标记语并没有名字。
它只和他后面的表达式关联在一起。当执行执行这条switch语句时,它首先计算expression的值,然后查找case子句的表达式是否和expression的值相同。(这里的相同是按照“===”运算符进行比较的),如果匹配case,它将会执行对应的代码。如果找不到匹配的case,它将会执行"default:"标签中的代码块。如果没有“default:”标签,switch将跳过所有的代码块。
switch语句是非常容易混淆的,用例子介绍会比较清晰一点,下面的switch语句和方才的if/else语句是等价的
新闻热点
疑难解答