JavaScript高级程序设计笔记(一)

---恢复内容开始---

前三章为基础知识,为了方便以后查看,所以比较啰嗦。这里对函数的基本操作没有记录。

 1.JavaScript的实现

  虽然 JavaScript ECMAScript 通常都被人们用来表达相同的含义,但 JavaScript 的含义却比 ECMA-262 中规定的要多得多 一个完整的 JavaScript 实现应该由下列三个不同的部分组成(见图 1-1

  核心(ECMAScriptECMA-262 定义,提供核心语言功能

文档对象模型(DOM提供访问和操作网页内容的方法和接口; 

浏览器对象模型(BOM 提供与浏览器交互的方法和接口。

1.1 ECMAScript

ECMA-262 标准没有参照 Web 浏览器,那它都规定了些什么内容呢?大致说来,它规定了这
门语言的下列组成部分:

语法
类型
语句
关键字
保留字
操作符
对象

1.2 文档对象模型(DOM

文档对象模型(DOMDocument Object Model)是针对 XML 但经过扩展用于 HTML 的应用程序编
程接口(APIApplication Programming Interface)。 DOM 把整个页面映射为一个多层节点结构。 HTML
XML 页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据。
通过 DOM 创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助
DOM 提供的 API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。

1.3 浏览器对象模型(BOM

从根本上讲, BOM 只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 JavaScript 扩展
算作 BOM 的一部分。下面就是一些这样的扩展:
弹出新浏览器窗口的功能;
移动、缩放和关闭浏览器窗口的功能;
提供浏览器详细信息的 navigator 对象;
提供浏览器所加载页面的详细信息的 location 对象;
提供用户显示器分辨率详细信息的 screen 对象;
cookies 的支持;
XMLHttpRequest IE ActiveXObject 这样的自定义对象。
由于没有 BOM 标准可以遵循,因此每个浏览器都有自己的实现。虽然也存在一些事实标准,例如
要有 window 对象和 navigator 对象等,但每个浏览器都会为这两个对象乃至其他对象定义自己的属
性和方法。现在有了 HTML5BOM 实现的细节有望朝着兼容性越来越高的方向发展。

2. 在 HTML 中使用 JavaScript

2.1<script>元素

HTML 4.01
<script>定义了下列 6 个属性。
async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或
等待加载其他脚本。只对外部脚本文件有效。目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。 标记为 async 的脚本并不保证按照指定它们的先后顺序执行。因此,确保两者之间互不依赖
非常重要。
 

charset:可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值,
因此这个属性很少有人用。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有
效。 IE7 及更早版本对嵌入脚本也支持这个属性。相当于告诉浏览器立即下载,但延迟执行。 
language:已废弃。原来用于表示编写代码使用的脚本语言(如 JavaScriptJavaScript1.2
VBScript)。大多数浏览器会忽略这个属性,因此也没有必要再用了。
src:可选。表示包含要执行代码的外部文件。
type:可选。可以看成是 language 的替代属性;表示编写代码使用的脚本语言的内容类型(也
称为 MIME 类型)。虽然 text/javascript text/ecmascript 都已经不被推荐使用,但人
们一直以来使用的都还是 text/javascript。实际上,服务器在传送 JavaScript 文件时使用的
MIME 类型通常是 application/x–javascript,但在 type 中设置这个值却可能导致脚本被
忽略。另外,在非 IE浏览器中还可以使用以下值:application/javascript application/
ecmascript。考虑到约定俗成和最大限度的浏览器兼容性,目前 type 属性的值依旧还是
text/javascript。不过,这个属性并不是必需的,如果没有指定这个属性,则其默认值仍为
text/javascript
使用<script>元素的方式有两种:直接在页面中嵌入 JavaScript 代码(须为<script>指定 type 属性 )和包含外部 JavaScript
文件。(
包含在<script>元素内部的 JavaScript 代码将被从上至下依次解释。就拿前面这个例子来说,解释
器会解释一个函数的定义,然后将该定义保存在自己的环境当中。在解释器对<script>元素内部的所
有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示。

无论如何包含代码,只要不存在 defer async 属性,浏览器都会按照<script>元素在页面中
出现的先后顺序对它们依次进行解析。换句话说,在第一个<script>元素包含的代码解析完成后,第
二个<script>包含的代码才会被解析,然后才是第三个、第四个……

现代 Web 应用程序一般都把全部 JavaScript
用放在<body>元素中页面内容的后面。
这样,在解析包含的 JavaScript 代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏
览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。

IE4Firefox 3.5Safari 5 Chrome 是最早支持 defer 属性的浏览器。其他浏览器会忽略这个属
性,像平常一样处理脚本。为此,把延迟脚本放在页面底部仍然是最佳选择。
XHTML 文档中,要把 defer 属性设置为 defer="defer"

async 属性

指定 async 属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。
为此,建议异步脚本不要在加载期间修改 DOM
异步脚本一定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发之前或之
后执行。支持异步脚本的浏览器有 Firefox 3.6Safari 5 Chrome
XHTML 文档中,要把 async 属性设置为 async="async"

2.2 使用外部文件来包含js代码优点

可维护性:遍及不同 HTML 页面的 JavaScript 会造成维护问题。但把所有 JavaScript 文件都放在
一个文件夹中,维护起来就轻松多了。而且开发人员因此也能够在不触及 HTML 标记的情况下,
集中精力编辑 JavaScript 代码。
可缓存:浏览器能够根据具体的设置缓存链接的所有外部 JavaScript 文件。也就是说,如果有两个
页面都使用同一个文件,那么这个文件只需下载一次。因此,最终结果就是能够加快页面加载的
速度。
适应未来:通过外部文件来包含 JavaScript 无须使用前面提到 XHTML 或注释 hackHTML
XHTML 包含外部文件的语法是相同的。

3. 基本概念(ECMAScript中的一切都区分大小写)

3.1 标识符

所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则
组合起来的一或多个字符:
第一个字符必须是一个字母、下划线(_)或一个美元符号($
其他字符可以是字母、下划线、美元符号或数字。
标识符中的字母也可以包含扩展的 ASCII Unicode 字母字符(如 À Æ),但我们不推荐这样做。
按照惯例, ECMAScript 标识符采用驼峰大小写格式,也就是第一个字母小写,剩下的每个单词的
首字母大写

3.2 严格模式

ECMAScript 5 引入了严格模式(strict mode)的概念。严格模式是为 JavaScript 定义了一种不同的
解析与执行模型。在严格模式下, ECMAScript 3 中的一些不确定的行为将得到处理,而且对某些不安全
的操作也会抛出错误。要在整个脚本中启用严格模式,可以在顶部添加如下代码:
"use strict";

严格模式下, JavaScript 的执行结果会有很大不同,因此本书将会随时指出严格模式下的区别。支
持严格模式的浏览器包括 IE10+Firefox 4+Safari 5.1+Opera 12+Chrome

3.3 关键字和保留字

ECMA-262 描述了一组具有特定用途的关键字,这些关键字可用于表示控制语句的开始或结束,或
者用于执行特定操作等。按照规则,关键字也是语言保留的,不能用作标识符。以下就是 ECMAScript
的全部关键字(带*号上标的是第 5 版新增的关键字):

ECMA-262 还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定
的用途,但它们有可能在将来被用作关键字。以下是 ECMA-262 3 版定义的全部保留字:

 

 除了上面列出的保留字和关键字, ECMA-262 5 版对 eval arguments 还施加了限制。在严
格模式下,这两个名字也不能作为标识符或属性名,否则会抛出错误。

3.4 变量

var 操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说,
如果在函数中使用 var 定义一个变量,那么这个变量在函数退出后就会被销毁。
 

只要调用过一次 test()
数,这个变量就有了定义,就可以在函数外部的任何地方被访问到。

在严格模式下,不能定义名为 eval arguments 的变量,否则会导致语法错误。

3.5 数据类型(对书上的进行了补充)

JS 中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。

基本类型有六种: `null`,`undefined`,`boolean`,`number`,`string`,`symbol`

3.5.1 typeof操作符

"undefined"——如果这个值未定义;

"object"——如果这个值是对象或 null 因为特殊值 null 被认为是一个空的对象引用。 Safari 5 及之前版本、 Chrome 7 及之
前版本在对正则表达式调用 typeof 操作符时会返回"function",而其他浏览器在这种情况下会返回
"object"

3.5.2 Undefined类型

在使用 var 声明变量但未对其加以初始化时,
这个变量的值就是 undefined
.

3.5.3 Null类型

从逻辑角度来看, null 值表
示一个空对象指针,而这也正是使用 typeof 操作符检测 null 值时会返回"object"的原因
如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为 null 而不是其他值。

var car = null;
这样
一来,只要直接检查 null 值就可以知道相应的变量是否已经保存了一个对象的引用

实际上, undefined 值是派生自 null 值的,因此 ECMA-262 规定对它们的相等性测试要返回 true
alert(null == undefined); //true

3.5.4 Boolean类型

Boolean 类型的字面值 true false 是区分大小写的。也就是说,True False
(以及其他的混合大小写形式)都不是 Boolean 值,只是标识符。

要将一个值转换为其对应的 Boolean 值,可以调用转型函数 Boolean(),如下例所示:
var message = "Hello world!";
var messageAsBoolean = Boolean(message);

 

 

3.5.5 NaN

这个数值用于表示一个本来要返回数值的操作数
未返回数值的情况(这样就不会抛出错误了)

NaN 本身有两个非同寻常的特点。首先,任何涉及 NaN 的操作(例如 NaN/10)都会返回 NaN,这
个特点在多步计算中有可能导致问题。其次, NaN 与任何值都不相等,包括 NaN 本身。
ECMAScript 定义了 isNaN()函数。这个函数接受一个参数,该参数可以
是任何类型,而函数会帮我们确定这个参数是否“不是数值”。
isNaN()在接收到一个值之后,会尝试
将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串"10"Boolean 值。而任何
不能被转换为数值的值都会导致这个函数返回 true

尽管有点儿不可思议,但 isNaN()确实也适用于对象。在基于对象调用 isNaN()
函数时,会首先调用对象的 valueOf()方法,然后确定该方法返回的值是否可以转
换为数值。如果不能,则基于这个返回值再调用 toString()方法,再测试返回值。
而这个过程也是 ECMAScript 中内置函数和操作符的一般执行流程

 3.5.6 数值转换

3 个函数可以把非数值转换为数值: Number()parseInt()parseFloat()。第一个函数,
即转型函数 Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。

Number()函数的转换规则如下。
如果是 Boolean 值, true false 将分别被转换为 1 0
如果是数字值,只是简单的传入和返回。
如果是 null 值,返回 0
如果是 undefined,返回 NaN
如果是字符串,遵循下列规则:
如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1"
会变成 1"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);
如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽
略前导零);
如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整
数值;
如果字符串是空的(不包含任何字符),则将其转换为 0
如果字符串中包含除上述格式之外的字符,则将其转换为 NaN
如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换
的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符
串值。

parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字
符串前面的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号, parseInt()
就会返回 NaN;也就是说,用 parseInt()转换空字符串会返回 NaNNumber()对空字符返回 0)。如
果第一个字符是数字字符, parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了
一个非数字字符。例如, "1234blue"会被转换为 1234,因为"blue"会被完全忽略。类似地, "22.5"
会被转换为 22,因为小数点并不是有效的数字字符。
如果字符串中的第一个字符是数字字符, parseInt()也能够识别出各种整数格式(即前面讨论的
十进制、八进制和十六进制数)。也就是说,如果字符串以"0x"开头且后跟数字字符,就会将其当作一
个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析。
可以为这个函数提供第二个参数:转换
时使用的基数(即多少进制)。如果知道要解析的值是十六进制格式的字符串,那么指定基数 16 作为第
二个参数,可以保证得到正确的结果

 parseFloat()也是从第一个字符(位置 0)开始解析每个字符。而且
也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第
一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。举例来说,
"22.34.5"将会被转换为 22.34
除了第一个小数点有效之外, parseFloat()parseInt()的第二个区别在于它始终都会忽略前导
的零。 parseFloat()可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格
式的字符串则始终会被转换成 0。由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基
数的用法。最后还要注意一点:如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后
都是零), parseFloat()会返回整数。

 3.5.6 String类型

字符串一旦创建,它们的值就不能改变。要改变
某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量

要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的 toString()方法

 数值、布尔值、对象和字符串值(没错,每个字符串也都有一个 toString()方法,该方法返回字
符串的一个副本)都有 toString()方法。但 null undefined 值没有这个方法。
多数情况下,调用 toString()方法不必传递参数。但是,在调用数值的 toString()方法时,可
以传递一个参数:输出数值的基数。

在不知道要转换的值是不是 null undefined 的情况下,还可以使用转型函数 String(),这个
函数能够将任何类型的值转换为字符串。 String()函数遵循下列转换规则:
如果值有 toString()方法,则调用该方法(没有参数)并返回相应的结果;
如果值是 null,则返回"null"
如果值是 undefined,则返回"undefined"

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;
alert(String(value1)); // "10"
alert(String(value2)); // "true"
alert(String(value3)); // "null"
alert(String(value4)); // "undefined"

3.5.7 Object类型

对象可以通过执行 new 操作符后跟要创建
的对象类型的名称来创建。而创建 Object 类型的实例并为其添加属性和(或)方法,就可以创建自定
义对象,如下所示:
var o = new Object();

即在 ECMAScript 中,
(就像 Java 中的 java.lang.Object 对象一样) Object 类型是所有它的实例的基础。换句话说,
Object 类型所具有的任何属性和方法也同样存在于更具体的对象中。
Object 的每个实例都具有下列属性和方法。
constructor:保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor
就是 Object()
hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是在实例
的原型中)是否存在。其中,作为参数的属性名(propertyName)必须以字符串形式指定(例
如: o.hasOwnProperty("name"))。
isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型(第 5 章将讨论原
型)。
propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用 for-in 语句
(本章后面将会讨论)来枚举。与 hasOwnProperty()方法一样,作为参数的属性名必须以字符
串形式指定。
toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应。
toString():返回对象的字符串表示。
valueOf():返回对象的字符串、数值或布尔值表示。通常与 toString()方法的返回值
相同。
由于在 ECMAScript Object 是所有对象的基础,因此所有对象都具有这些基本的属性和方法。

3.6 操作符

执行前置递增和递减操作时,变量的值都是在语句被求值以前改变的。(在计算机科学领域,这种
情况通常被称作副效应。)请看下面这个例子。
var age = 29;
var anotherAge = --age + 2;  //先执行了减法操
 

alert(age); //
输出 28
alert(anotherAge); //
输出 30

var num1 = 2;
var num2 = 20;
var num3 = --num1 + num2; //
等于 21
var num4 = num1 + num2; //
等于 21
在这里,
num3 之所以等于 21 是因为 num1 先减去了 1 才与 num2 相加。而变量 num4 也等于 21
因为相应的加法操作使用了
num1 减去 1 之后的值

后置型递增和递减操作符的语法不变(仍然分别是++--),只不过要放在变量的后面而不是前面。
后置递增和递减与前置递增和递减有一个非常重要的区别,即递增和递减操作是在包含它们的语句被求
值之后才执行的。

var num1 = 2;
var num2 = 20;
var num3 = num1-- + num2; // 等于 22
var num4 = num1 + num2; // 等于 21

这里在计num3 时使用了 num1 的原始值完成了加法计算,而 num4 则使用了递减后的值 

在应用于不同的值时,递增和递减操作符遵循下列规则。
在应用于一个包含有效数字字符的字符串时,先将其转换为数字值,再执行加减 1 的操作。字
符串变量变成数值变量。
在应用于一个不包含有效数字字符的字符串时,将变量的值设置为 NaN(第 4 章将详细讨论)。
字符串变量变成数值变量。
在应用于布尔值 false 时,先将其转换为 0 再执行加减 1 的操作。布尔值变量变成数值变量。
在应用于布尔值 true 时,先将其转换为 1 再执行加减 1 的操作。布尔值变量变成数值变量。
在应用于浮点数值时,执行加减 1 的操作。
在应用于对象时,先调用对象的 valueOf()方法(第 5 章将详细讨论)以取得一个可供操作的
值。然后对该值应用前述规则。如果结果是 NaN,则在调用 toString()方法后再应用前述规
则。对象变量变成数值变量。
以下示例展示了上面的一些规则:

 var s1 = "2";
var s2 = "z";
var b = false;
var f = 1.1;
var o = {
valueOf: function() {
return -1;
}
};
s1++; //
值变成数值 3
s2++; //
值变成 NaN
b++; //
值变成数值 1
f--; //
值变成 0.10000000000000009(由于浮点舍入错误所致)
o--; // 值变成数值-2

一元加和减操作符
一元加操作符以一个加号(+)表示,放在数值前面,对数值不会产生任何影响,
如下面的例子所示:
var num = 25;
num = +num; //
仍然是 25
不过,在对非数值应用一元加操作符时,该操作符会像
Number()转型函数一样对这个值执行转换。
换句话说,布尔值
false true 将被转换为 0 1,字符串值会被按照一组特殊的规则进行解析,而
对象是先调用它们的
valueOf()和(或) toString()方法,再转换得到的值。
下面的例子展示了对不同数据类型应用一元加操作符的结果:
var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
valueOf: function() {
return -1;
}
};
s1 = +s1; //
值变成数值 1
s2 = +s2; //
值变成数值 1.1
s3 = +s3; //
值变成 NaN
b = +b; //
值变成数值 0
f = +f; //
值未变,仍然是 1.1
o = +o; //
值变成数值-1
UnaryPlusMinusExample01.htm
一元减操作符主要用于表示负数,例如将 1 转换成1。下面的例子演示了这个简单的转换过程:
var num = 25;
num = -num; //
变成了-25

在将一元减操作符应用于数值时,该值会变成负数(如上面的例子所示)。而当应用于非数值时,
一元减操作符遵循与一元加操作符相同的规则,最后再将得到的数值转换为负数,如下面的例子所示:
var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
valueOf: function() {
return -1;
}
};
s1 = -s1; //
值变成了数值-1
s2 = -s2; //
值变成了数值-1.1
s3 = -s3; //
值变成了 NaN
b = -b; //
值变成了数值 0
f = -f; //
变成了-1.1
o = -o; //
值变成了数值 1

一元加和减操作符主要用于基本的算术运算,也可以像前面示例所展示的一样用于转换数据类型。

按位非操作的本质:操作数的负值减 1

 var num1 = 25; // 二进制 00000000000000000000000000011001
var num2 = ~num1; //
二进制 11111111111111111111111111100110
alert(num2); // -26

按位与操作只在两个数值的对应位都是 1 时才返回 1,任何一位是 0,结果都是 0

var result = 25 & 3;
alert(result); //1

25 = 0000 0000 0000 0000 0000 0000 0001 1001
3 = 0000 0000 0000 0000 0000 0000 0000 0011
---------------------------------------------
AND = 0000 0000 0000 0000 0000 0000 0000 0001

按位或操作在有一个位是 1 的情况下就返回 1, 而只有在两个位都是 0 的情况下才返回 0

var result = 25 | 3;
alert(result); //27

按位异或与按位或的不同之处在于,这个操作在两个数值对应位上只有一个 1 时才返回 1,如果对
应的两位都是 1 或都是 0,则返回 0

var result = 25 ^ 3;
alert(result); //26

左移操作符由两个小于号(<<)表示,这个操作符会将数值的所有位向左移动指定的位数。 以0填充

var oldValue = 2; // 等于二进制的 10
var newValue = oldValue << 5; //
等于二进制的 1000000,十进制的 64

左移不会影响操作数的符号位。换句话说,如果将2 向左移动 5 位,结果将是64,而非 64

有符号的右移操作符由两个大于号(>>)表示,这个操作符会将数值向右移动,但保留符号位(即
正负号标记)。有符号的右移操作与左移操作恰好相反,即如果将 64 向右移动 5 位,结果将变回 2
var oldValue = 64; // 等于二进制的 1000000
var newValue = oldValue >> 5; // 等于二进制的 10 ,即十进制的 2

同样,在移位过程中,原数值中也会出现空位。只不过这次的空位出现在原数值的左侧、符号位的
右侧(见图 3-3)。而此时 ECMAScript 用符号位的值来填充所有空位,以便得到一个完整的值。

无符号右移操作符由 3 个大于号(>>>)表示,这个操作符会将数值的所有 32 位都向右移动。 对正
数来说,无符号右移的结果与有符号右移相同。
无符号右移是以 0 来填充空位

 布尔操作符

逻辑非操作符遵循下列规则:
如果操作数是一个对象,返回 false
如果操作数是一个空字符串,返回 true
如果操作数是一个非空字符串,返回 false
如果操作数是数值 0,返回 true
如果操作数是任意非 0 数值(包括 Infinity),返回 false
如果操作数是 null,返回 true
如果操作数是 NaN,返回 true
如果操作数是 undefined,返回 true

逻辑与操作符由两个和号(&&)表示,有两个操作数

它遵循下列规则:
如果第一个操作数是对象(true),则返回第二个操作数;
如果第二个操作数是对象,则只有在第一个操作数的求值结果为 true 的情况下才会返回该
对象;
如果两个操作数都是对象,则返回第二个操作数;
如果有一个操作数是 null,则返回 null
如果有一个操作数是 NaN,则返回 NaN
如果有一个操作数是 undefined,则返回 undefined

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。
对于逻辑与操作而言,如果第一个操作数是 false,则无论第二个操作数是什么值,结果都不再可能是
true 了。

逻辑或操作符由两个竖线符号(||)表示,有两个操作数

它遵循下
列规则:
如果第一个操作数是对象,则返回第一个操作数;
如果第一个操作数的求值结果为 false,则返回第二个操作数;
如果两个操作数都是对象,则返回第一个操作数;
如果两个操作数都是 null,则返回 null
如果两个操作数都是 NaN,则返回 NaN
如果两个操作数都是 undefined,则返回 undefined
与逻辑与操作符相似,逻辑或操作符也是短路操作符。也就是说,如果第一个操作数的求值结果为
true,就不会对第二个操作数求值了。

 我们可以利用逻辑或的这一行为来避免为变量赋 null undefined 值。例如:
var myObject = preferredObject || backupObject;
在这个例子中,变量 myObject 将被赋予等号后面两个值中的一个。变量 preferredObject 中包
含优先赋给变量 myObject 的值,变量 backupObject 负责在 preferredObject 中不包含有效值的
情况下提供后备值。如果 preferredObject 的值不是 null,那么它的值将被赋给 myObject;如果
null,则将 backupObject 的值赋给 myObjectECMAScript 程序的赋值语句经常会使用这种模式,
本书也将采用这种模式。

 

相等不相等——先转换再比较, 全等
全等
——仅比较而不转换

如果表示要迭代的对象的变量值为 null undefined,ES5 for-in 语句不再抛出错误,而只是不执行循环体。为了保证最大限度的
兼容性,建议在使用 for-in 循环之前,先检测确认该对象的值不是 null undefined

break continue 语句用于在循环中精确地控制代码的执行。其中,break 语句会立即退出循环,
强制继续执行循环后面的语句。而 continue 语句虽然也是立即退出循环,但退出循环后会从循环的顶
部继续执行。

switch 语句在比较值时使用的是全等操作符,因此不会发生类型转换(例如,
字符串"10"不等于数值 10

---恢复内容结束---

猜你喜欢

转载自www.cnblogs.com/aimeeblogs/p/9474104.html