提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript高级程序设计（第3版）学习笔记5js语句

JavaScript笔记学习 语句 高级 程序设计
2023-06-13 09:14:36 时间
砖瓦和水泥都有了，接下来该是砌墙了，在ECMAScript中，语句就是我们需要砌的墙了。语句也和操作符一样，对于有C背景的人来说再自然不过了，下面采用类似的形式整理一下语句的相关知识，重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方，同样，没有强调的但比较基础的语句并非不重要，而是我认为你已经熟悉。

语句一览

语句 语法 简要描述 简单语句

 ;

语句以分号（;）结束，在不引起歧义的情况下也可以省略分号。

语句块

{}

使用大括号（{}）将一组语句放一起组成一个语句块，在ECMAScript中，有语句块，但没有语句块作用域。

if语句

if(condition){}

if(ocndition){}else{}

条件选择，在条件表达式中，会将结果隐式转换为Boolean类型。

建议每个分支都明确使用{}，以避免维护时出错。

条件语句可以嵌套。

switch语句

switch(expression)

{

casevalue1:

　　statement1;

　　break;

casevalue2:

　　statement2;

　　break;

default:

　　statement;

　　break;

}

switch语句语法和C语言一致，不同的是，switch中的expression不限于整型。

1、在switch语句中，表达式不限于整型，可以是任意表达式。

2、在case后面的value中，可以是整型，也可以是其它类型，甚至可以是一个表达式，但是在比较的时候不会进行类型转换，也即是使用全等（===）进行匹配。

3、case分支中的break表示不再继续后面的匹配，如果省略了会继续执行下面的case语句。建议每个case都加上break，如果是利用这种继续执行的特性，也加上相应注释说明。

4、最后一个分支的break加不加效果相同，我自己的个人风格是加上保持一致性。

do-while语句

do{

　　statement;

}while(expression);

先执行循环体，再进行条件判断，这种格式至少会执行一次循环。

条件判断也会有隐式转换。

while语句

while(expression)

{

　　statement;

}

满足条件才执行循环体。如果一开始就不满足条件，则根本不会执行循环体。

for语句

for(initialization;expression;post-loop-expression){

　　statement;

}

for语句在功能上和while是等价的。

执行顺序是，先执行初始化initialization，然后进行条件比较expression，如果满足条件，就执行循环体，执行完一次循环后，执行post-loop-expression部分，然后循环比较条件直至跳出整个循环。

for-in语句

for(propertyinexpression){

　　statement;

}

for循环的另一种形式，可以使用这种循环遍历对象的属性和对象原型链上的属性。

with语句

with(expression){

　　statement;

}

将代码的作用域设置到一个特定的对象中。

label语句 label:statement; 给代码添加标签供其它语句使用。 break语句

break;

breaklabel;

1、用在switch语句中，在找到匹配的case分支后，不继续执行下面的case语句。

2、用在循环语句中中断整个循环。

continue语句

continue;

continuelabel;

在循环语句中中断本次循环，执行下一次循环。

try语句

try{

}catch(e){

}finally{

}

将代码放在try块中，使得异常发生时能够做出相应的处理。

throw语句 throwe;  抛出异常。 debugger语句 debugger; 调试。 return语句

return;

returnexpression;

返回语句。在return之后没有返回时，返回undefined。

对于语句，说明如下：

1、关于语句要不要加上分号结束符（;），我的观点是给每条语句都加上，不要让引擎去猜测你的程序。不过昨天看到一篇文章和我的观点正好相反，也颇能言之成理，虽然并没有改变我的观点，不过倒也令我的眼界更为宽阔。

2、对于var语句，由于ECMAScript中有声明提升现象，建议将一个作用域中用到的变量都放到顶部，用一个var语句定义多个变量，这样容易理解，也不易出错。目前很多JS库也多采用这种形式，下面是取自jQuery开始中的代码：

复制代码代码如下:

vardocument=window.document,
navigator=window.navigator,
location=window.location;

3、用于语句块的（{}），也可用于定义对象字面量。在ECMAScript中，没有块级作用域。
4、对于四种循环语句（do-while、while、for、for-in），由于for-in语句每次循环都会搜索对象本身和其原型，因此效率会比较低。关于for循环语句的优化：
复制代码代码如下:

//1.一般for循环
for(vari=0;i<arr.length;i++){
}
//2.上面在每一次循环都会重新计算一次arr的长度，如过arr是dom操作的话，会非常明显的影响效率，可以改进一下
for(vari=0,l=arr.length;i<l;i++){
}
//3.这样整个循环就只会计算一次长度，如果考虑到递减，还可以修改成
for(vari=arr.length;i>0;i--){
}
//4.上面不使用中间变量并且只需要计算一次长度，如果再考虑到长度永远是一个不小于0的数，并且在JS中0的Boolean值为false，可以进一步修改成
for(vari=arr.length;i;i--){
}
//5.考虑到JS中变量声明提升可能的影响，为了消除隐患，再修改为
vari=arr.length;
for(;i;i--){
}

5、对于with语句，虽然有时会提供快捷，但是也常常会导致不可预料的结果，建议少用，甚至不用：
复制代码代码如下:
//1.使用with语句
with(obj){
a=b;
}
//2.不使用with语句，和1的情况等价
if(obj.a===undefined){
a=obj.b||b;
}else
{
obj.a=obj.b||b;
}
//3.可能的结果
a=b;
a=obj.b;
obj.a=b;
obj.a=obj.b;

第1部分是使用with语句，第2部分是不使用with语句的等价语句，第3部分则是最终可能的运行结果，如果仅从with语句本身来看，很不容易明白程序实际运行时会发生什么。另外，在使用with语句涉及修改的时候，会有不同步的问题，看下面的代码：
复制代码代码如下:
varobj={
person:{
name:"linjisong"
}
};
with(obj.person){
obj.person={
name:"oulinhai"
};
console.info(obj.person.name);//oulinhai
console.info(name);　　//linjisong
}

在这里会不经意间就产生了一个不同步。
6、在return语句返回时需注意：
复制代码代码如下:
return
{
prop:"value";
}//由于引擎会自动添加分号，这里实际会返回undefined

return{
prop:"value";
}//返回一个对象

相关文章