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


Posted in Javascript onOctober 11, 2012

砖瓦和水泥都有了,接下来该是砌墙了,在ECMAScript中,语句就是我们需要砌的墙了。语句也和操作符一样,对于有C背景的人来说再自然不过了,下面采用类似的形式整理一下语句的相关知识,重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方,同样,没有强调的但比较基础的语句并非不重要,而是我认为你已经熟悉。

语句一览

语句 语法 简要描述
简单语句  ; 语句以分号(;)结束,在不引起歧义的情况下也可以省略分号。
语句块 {} 使用大括号({})将一组语句放一起组成一个语句块,在ECMAScript中,有语句块,但没有语句块作用域。
if语句 if(condition){} if(ocndition){}else{} 条件选择,在条件表达式中,会将结果隐式转换为Boolean类型。 建议每个分支都明确使用{},以避免维护时出错。 条件语句可以嵌套。
switch语句 switch(expression) { case value1: statement1; break; case value2: 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(property in expression){ statement; } for循环的另一种形式,可以使用这种循环遍历对象的属性和对象原型链上的属性。
with语句 with(expression){ statement; } 将代码的作用域设置到一个特定的对象中。
label语句 label:statement; 给代码添加标签供其它语句使用。
break语句 break; break label; 1、用在switch语句中,在找到匹配的case分支后,不继续执行下面的case语句。 2、用在循环语句中中断整个循环。
continue语句 continue; continue label; 在循环语句中中断本次循环,执行下一次循环。
try语句 try{ }catch(e){ }finally{ } 将代码放在try块中,使得异常发生时能够做出相应的处理。
throw语句 throw e;  抛出异常。
debugger语句 debugger; 调试。
return语句 return; return expression; 返回语句。在return之后没有返回时,返回undefined。

对于语句,说明如下:

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

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

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

3、用于语句块的({}),也可用于定义对象字面量。在ECMAScript中,没有块级作用域。
4、对于四种循环语句(do-while、while、for、for-in),由于for-in语句每次循环都会搜索对象本身和其原型,因此效率会比较低。关于for循环语句的优化:
// 1.一般for循环 
for(var i=0; i < arr.length; i++){ 
} 
// 2.上面在每一次循环都会重新计算一次arr的长度,如过arr是dom操作的话,会非常明显的影响效率,可以改进一下 
for(var i=0,l=arr.length; i<l; i++){ 
} 
// 3.这样整个循环就只会计算一次长度,如果考虑到递减,还可以修改成 
for(var i=arr.length; i>0; i--){ 
} 
// 4.上面不使用中间变量并且只需要计算一次长度,如果再考虑到长度永远是一个不小于0的数,并且在JS中0的Boolean值为false,可以进一步修改成 
for(var i=arr.length; i ; i--){ 
} 
// 5.考虑到JS中变量声明提升可能的影响,为了消除隐患,再修改为 
var i=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语句涉及修改的时候,会有不同步的问题,看下面的代码:
var obj = { 
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'; 
}//返回一个对象
Javascript 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
javascript继承之为什么要继承
Nov 10 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 #Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
Oct 11 #Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 #Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 #Javascript
javascript测试题练习代码
Oct 10 #Javascript
jQuery插件开发全解析
Oct 10 #Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 #Javascript
You might like
在PHP中使用模板的方法
2008/05/24 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
情人节之礼 js项链效果
2012/02/13 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
为什么要使用Vuex的介绍
2019/01/19 Javascript
layui实现数据表格table分页功能(ajax异步)
2019/07/27 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
Python2实现的LED大数字显示效果示例
2017/09/04 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
浅谈django orm 优化
2018/08/18 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
德国拖鞋网站:German Slippers
2019/11/08 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
幼儿园老师新年寄语2015
2014/12/08 职场文书