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

时间:2023-03-09 00:38:11
JavaScript高级程序设计笔记(一)

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

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

1.JavaScript的实现

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

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

   核心(ECMAScript)由 ECMA-262 定义,提供核心语言功能

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

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

1.1 ECMAScript

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

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

1.2 文档对象模型(DOM)

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

1.3 浏览器对象模型(BOM)

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

2. 在 HTML 中使用 JavaScript

2.1<script>元素

HTML 4.01 为
<script>定义了下列 6 个属性。
 async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或
等待加载其他脚本。只对外部脚本文件有效。目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。 标记为 async 的脚本并不保证按照指定它们的先后顺序执行。因此,确保两者之间互不依赖
非常重要。 
 charset:可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值,
因此这个属性很少有人用。
 defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有
效。 IE7 及更早版本对嵌入脚本也支持这个属性。相当于告诉浏览器立即下载,但延迟执行。 
 language:已废弃。原来用于表示编写代码使用的脚本语言(如 JavaScript、JavaScript1.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 代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏
览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。

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

async 属性

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

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

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

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

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

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

3.4 变量

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

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

JavaScript高级程序设计笔记(一)只要调用过一次 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);

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

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

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

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()转换空字符串会返回 NaN(Number()对空字符返回 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 会用符号位的值来填充所有空位,以便得到一个完整的值。

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

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

布尔操作符

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

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

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

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

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

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

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

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

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

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

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

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

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

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