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

砖瓦和水泥都有了，接下来该是砌墙了，在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';
}//返回一个对象

赞 (0)

相关推荐

  • JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符

    在ECMAScript中,有非常丰富的运算符和操作符,在这篇文章中将按通常的分类来稍微整理一下,不过在整理之前,先说明一下: 1.虽然标题是运算符和操作符,然而在我看来并没有多少严格区分的必要,在英文中,貌似也是用一个Operator来表示,所以在下文中我可能会混用.甚至,一些不属于运算符和操作符范畴的,我也整理在这里,只要我觉得必要. 2.对于运算符的优先级,你无需一一牢记--我相信你知道最简单的"先乘除,后加减",至于其它的,如果你不确定,加上括号好了.在ECMAScript中,优

  • JavaScript高级程序设计（第3版）学习笔记2 js基础语法

    这一篇复习一下ECMAScript规范中的基础语法,英文好的朋友可以直接阅读官方文档.JavaScript本质上也是一种类C语言,熟悉C语言的朋友,可以非常轻松的阅读这篇文章,甚至都可以跳过,不过建议你最好还是看一看,在介绍的同时,我可能会引用一些自认为不易理解且比较流行的用法. 基础语法 1.标识符:所谓标识符,实际上就是指一个满足一定规范,能够被引擎识别的名字,可以用来表示常量.变量.函数名.函数参数.对象.对象属性等所有可命名对象的名称. (1)区分大小写. (2)以字母.下划线(_)或美

  • JavaScript高级程序设计（第三版）学习笔记1~5章

    第2章,在html中使用JavaScript Html引入外部js脚本 <script type="text/javascript" src="test.js">两个</script>之间不应放脚本,因为并不会被执行</script> <script>标签有一个defer属性可以延迟脚本执行,但是并不保证会按脚本排列顺序执行 建议:将脚本引入放在<body>标签的所有内容之后,而不放在<head>

  • JavaScript高级程序设计（第3版）学习笔记 概述

    在JavaScript面世之初,没有人会想到它会被应用的如此广泛,也远比一般人想象中的要复杂强大的多,在我自己学习的过程中,曾经有过多次震撼,只是常常没有过多久,很多美轮美奂的用法就又模糊起来,希望通过对JavaScript高级程序设计(第3版)的专题学习笔记,能够较为系统的将基础知识梳理一次,也能够将自己平常学习与工作过程中遇到的一些美妙用法记录下来,便于自己再次学习,当然,也希望可以给有需要的朋友们一些力所能及的帮助. 相关术语 先简要说一下和JavaScript相关的一些背景术语,就不详细

  • JavaScript高级程序设计 DOM学习笔记

    第十章 DOM DOM是针对XML和HTML文档的一个API:即规定了实现文本节点操控的属性.方法,具体实现由各自浏览器实现. 1. 节点层次 1) 文档节点:document,每个文档的根节点. 2) 文档元素:即<html>元素,文档最外层元素,文档节点第一个子节点. 3) Node类型: ①Node是DOM中各种节点类型的基类型,共享相同的基本属性和方法. □ Node.Element_NODE(1); □ Node.ATTRIBUTE_NODE(2); □ Node.TEXT_NODE

  • javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)

    关于javascript中类的继承可以参考阮一峰的Blog<Javascript继承机制的设计思想>,说的很透. 一.在javascript中实例化遇到的问题: 下面用<javascript高级程序设计>中的例子来做说明,假如现在定义了一个car的对象,它是Object类的实例.像下面这样的: 复制代码 代码如下: var oCar=new Object(); oCar.color = "red"; oCar.doors = 4; oCar.mpg = 23;

  • JavaScript高级程序设计 事件学习笔记

    第12章 事件 1.事件流 1.1事件冒泡(IE事件流) □事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播到较为不具体的节点(文档). □所有浏览器均支持事件冒泡.Firefox.chrome.safari将事件一直冒泡到window对象. 1.2事件捕获(Netscape事件流) □不太具体的节点更早收到事件,而具体的节点最后收到节点. □Safari.chrome.Opera.firefox支持,但从window对象

  • JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型

    ECMAScript是一种动态类型的语言,构建于5种简单数据类型(Undefined.Null.Boolean.Number.String)和一种复杂数据类型(Object)的基础之上.这篇文章就来复习一下简单数据类型,我会尽量从编程实践的角度来描述,下面代码运行环境为FireFox 14.0.1. 简单数据类型 简单数据类型 取值 Undefined undefined(只有一个值) Null null(只有一个值) Boolean true|false(只有两个值) Number 数值 St

  • JavaScript高级程序设计 XML、Ajax 学习笔记

    第十五章 JavaScript与XML 1.浏览器对XML DOM的支持 1.1 DOM2级核心 ①在DOM2级在document.implementation中引入了createDocument()方法(IE6~8不支持). 可以创建一个空白XML. var xmldom = document.implemention.createDocument(namespaceUri,root,docype); ②要创建一个新的文档元素为<root>的XML文档,可用如下代码: var xmldom

  • javascript高级程序设计(第三版)学习笔记（一） 正则表达式整理

    1.创建正则表达式 第一种方式:注意这里的正则表达式不能使用单引号或者双引号,如下 var pattern1 = /[abc]/i; // 匹配第一个"a"或"b"或"c",不区分大小写 第二种方式:使用RegExp构造函数创建,该构造函数传入两个参数,都是字符串,所以需要特别注意"\"符号的转换,所有元字符(下面有讲元字符)需要双重转义,如下 复制代码 代码如下: var patt1 = new RegExp("[

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

    砖瓦和水泥都有了,接下来该是砌墙了,在ECMAScript中,语句就是我们需要砌的墙了.语句也和操作符一样,对于有C背景的人来说再自然不过了,下面采用类似的形式整理一下语句的相关知识,重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方,同样,没有强调的但比较基础的语句并非不重要,而是我认为你已经熟悉. 语句一览 语句 语法 简要描述 简单语句 ; 语句以分号(;)结束,在不引起歧义的情况下也可以省略分号. 语句块 {} 使用大括号({})将一组语句放一起组成一个语句块,在ECM

  • JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))

    JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))

    第一遍囫囵吞枣,不求甚解,感觉恍然大悟,结果晚上睡觉一想发现很多问题,什么都不明白,再看第二遍,发现原来是这样.过了几天一用,发现手写起来原来还是在凭记忆,于是下一遍,下一遍... 单凭记忆去弄清楚东西很不靠谱,时间一长脑袋空白.特别是技术上的很多思想和原理,只看不练,即便当时想得特别清楚,过久了也会忘.再者就是网上一些东西,只能说是提供了一种便捷的查看途径,事后还是自己总结为好,毕竟大多都是个人总结,一些概念很难讲的很清楚,而且两个人谈同一件事情,一般说的步骤和章节都是不同的,这样很容易形成交

  • JavaScript高级程序设计（第3版）学习笔记6 初识js对象

    在房子里面可以放你想放的任意事物--如果你有足够的美学造诣,你甚至可以弄一个房中房试试--当然,为了方便管理,我们会给房子里存放的所有事物都会取上一个不重复的名字,比如医药房间里的各种药品名称.在ECMAScript中,你可以在对象中存放任意你想放的数据,同样,我们需要给存放的数据取一个名字--也就是对象的属性名,再存放各种数据.再看看ECMA-262中对象的定义:无序属性的集合,其属性可以包含简单数据类型值.对象或者函数. 进入对象,我开始有些激动了,说实话,让我想起做这系列学习笔记的最初原因

  • JavaScript高级程序设计（第三版）学习笔记6、7章

    第6章,面向对象的程序设计 对象: 1.数据属性 configurable,表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为true enumerbale,表示能否通过for-in访问属性,默认true ƒwritable,表示能否修改属性值,默认true „value,数据存储位置,默认undefined 修改默认属性特性:Object.defineProperty(),接收三个参数:属性所在对象,属性名,描述符对象,描述符对象属性必

  • JavaScript高级程序设计（第3版）学习笔记8 js函数（中）

    6.执行环境和作用域 (1)执行环境(execution context):所有的JavaScript代码都运行在一个执行环境中,当控制权转移至JavaScript的可执行代码时,就进入了一个执行环境.活动的执行环境从逻辑上形成了一个栈,全局执行环境永远是这个栈的栈底元素,栈顶元素就是当前正在运行的执行环境.每一个函数都有自己的执行环境,当执行流进入一个函数时,会将这个函数的执行环境压入栈顶,函数执行完之后再将这个执行环境弹出,控制权返回给之前的执行环境. (2)变量对象(variable ob

随机推荐