第三章 基本概念（上） --《Javascript高级程序设计》

一、语法

1、区分大小写

ECMAScript 中的一切（变量、函数名和操作符）都区分大小写。

2、标识符

所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。

标识符可以是按照下列格式规则组合起来的一或多个字符：

• 第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；
• 其他字符可以是字母、下划线、美元符号或数字。

按照惯例，ECMAScript 标识符采用驼峰大小写格式，也就是第一个字母小写，剩下的每个单词的首字母大写，例如：

firstSecond    myCar     doSomethingImportant

不能把关键字、保留字、true、false 和null 用作标识符。

3、注释

// 单行注释
块级注释以一个斜杠和一个星号（/*）开头，以一个星号和一个斜杠（*/）结尾，如下所示：
/*
* 这是一个多行
* （块级）注释
*/

4、严格模式

ECMAScript 5 引入了严格模式（strict mode）的概念。严格模式是为JavaScript 定义了一种不同的解析与执行模型。在严格模式下，ECMAScript 3 中的一些不确定的行为将得到处理，而且对某些不安全的操作也会抛出错误。要在整个脚本中启用严格模式，可以在顶部添加如下代码：
"use strict";
这行代码看起来像是字符串，而且也没有赋值给任何变量，但其实它是一个编译指示（pragma），用于告诉支持的JavaScript 引擎切换到严格模式。

在函数内部的上方包含这条编译指示，也可以指定函数在严格模式下执行：
function doSomething(){
　　"use strict";
　　//函数体
}

支持严格模式的浏览器包括IE10+、Firefox 4+、Safari 5.1+、Opera 12+和Chrome。

5、语句

ECMAScript 中的语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾

可以使用C 风格的语法把多条语句组合到一个代码块中，即代码块以左花括号（{）开头，以右花括号（}）结尾：
if (test){
test = false;
alert(test);
}

 

二、关键字和保留字

ECMA-262 描述了一组具有特定用途的关键字，这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符。

以下就是ECMAScript的全部关键字（带*号上标的是第5 版新增的关键字）：
break   do   instanceof   typeof
case   else   new   var
catch   finally    return    void
continue   for   switch    while
debugger*     function     this
with   default    if    throw
delete   in    try

ECMA-262 还描述了另外一组不能用作标识符的保留字：以下是ECMA-262 第3 版定义的全部保留字：

abstract   enum    int    short
boolean   export   interface   static
byte    extends    long    super
char   final   native   synchronized
class   float   package   throws
const   goto   private   transient
debugger   implements   protected   volatile
double   import   public

第5 版把在非严格模式下运行时的保留字缩减为下列这些：
class  enum  extends  super
const  export  import
在严格模式下，第5 版还对以下保留字施加了限制：
implements  package    public
interface      private      static
let               protected   yield

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

 

三、变量

ECMAScript 的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。

定义变量时要使用var 操作符（注意var 是一个关键字），后跟变量名（即一个标识符），如下所示：
var message;

这行代码定义了一个名为message 的变量，该变量可以用来保存任何值（像这样未经过初始化的变量，会保存一个特殊的值——undefined

ECMAScript 也支持直接初始化变量，因此在定义变量的同时就可以设置变量的值，如下所示：
var message = "hi";

用var 操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说，如果在函数中使用var 定义一个变量，那么这个变量在函数退出后就会被销毁，例如：
function test(){
var message = "hi"; // 局部变量
}
test();
alert(message); // 错误！

当函数被调用时，就会创建该变量并为其赋值。而在此之后，这个变量又会立即被销毁。

不过，可以像下面这样省略var 操作符，从而创建一个全局变量：
function test(){
message = "hi"; // 全局变量
}
test();
alert(message); // "hi"

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

同时定义多个变量：

可以使用一条语句定义多个变量，只要像下面这样把每个变量（初始化或不初始化均可）用逗号分隔开即可：
var message = "hi",
　　found = false,
　　age = 29;

 

四、数据类型

ECMAScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number 和 String 。

还有一种复杂数据类型——Object，Object本质上是由一组无序的名值对组成的。

1、typeof 操作符

typeof 用来检测给定变量的数据类型。

对一个值使用typeof操作符可能返回下列某个字符串：

• "undefined"——如果这个值未定义；
• "boolean"——如果这个值是布尔值；
• "string"——如果这个值是字符串；
• "number"——如果这个值是数值；
• "object"——如果这个值是对象或null；
• "function"——如果这个值是函数。

调用typeof null 会返回"object"，因为特殊值null 被认为是一个空的对象引用

2、Undefined类型

Undefined 类型只有一个值，即特殊的undefined。在使用var 声明变量但未对其加以初始化时，这个变量的值就是undefined

var message;
alert(message == undefined); //true

alert(message === undefined); //true

 

var message; // 这个变量声明之后默认取得了undefined 值

// 下面这个变量并没有声明
// var age

alert(message); // "undefined"
alert(age); // 产生错误

alert(typeof message); // "undefined"

alert(typeof age); // "undefined"

对未初始化和未声明的变量执行typeof 操作符都返回了undefined 值；这个结果有其逻辑上的合理性。因为虽然这两种变量从技术角度看有本质区别，但实际上无论对哪种变量也不可能执行真正的操作。

 

3、Null类型

Null 类型是第二个只有一个值的数据类型，这个特殊的值是null。

从逻辑角度来看，null 值表示一个空对象指针，而这也正是使用typeof 操作符检测null 值时会返回"object"的原因

var car = null;
alert(typeof car); // "object"

如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null 而不是其他值。

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

 

4、Boolean类型

Boolean 类型是ECMAScript 中使用得最多的一种类型，该类型只有两个字面值：true 和false。

Boolean 类型的字面值true 和false 是区分大小写的。

虽然Boolean 类型的字面值只有两个，但ECMAScript 中所有类型的值都有与这两个Boolean 值等价的值。要将一个值转换为其对应的Boolean 值，可以调用转型函数Boolean()，例如：

var str1="hi";
var strBoolean=Boolean(str1);
console.log(strBoolean);//true

可以对任何数据类型的值调用Boolean()函数，而且总会返回一个Boolean 值。

各种数据类型及其对应的转换规则：

数据类型	转换为true的值	转换为false 的值
Boolean	true	false
String	任何非空字符串	“” （空字符串）
Number	任何非零数字值（包括无穷大）	0和NaN
Object	任何对象	null
Undefined		undefined

流控制语句（如if 语句）自动执行相应的Boolean 转换。

var message = "Hello world!";
if (message){
　　alert("Value is true");
}

 

5、Number类型

这种类型使用IEEE754 格式来表示整数和浮点数值（浮点数值在某些语言中也被称为双精度数值）。为支持各种数值类型，ECMA-262 定义了不同的数值字面量格式。

最基本的数值字面量格式是十进制整数，除了以十进制表示外，整数还可以通过八进制（以8 为基数）或十六进制（以16 为基数）的字面值来表示。其中，八进制字面值的第一位必须是零（0），然后是八进制数字序列（0～7）。

var octalNum1 = 070; // 八进制的56
var octalNum2 = 079; // 无效的八进制数值——解析为79
var octalNum3 = 08; // 无效的八进制数值——解析为8

八进制字面量在严格模式下是无效的，会导致支持的JavaScript 引擎抛出错误。

十六进制字面值的前两位必须是0x，后跟任何十六进制数字（0～9 及A～F）。其中，字母A～F可以大写，也可以小写。如下面的例子所示：
var hexNum1 = 0xA; // 十六进制的10
var hexNum2 = 0x1f; // 十六进制的31
在进行算术计算时，所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。

（1）浮点数值

所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。

var floatNum1 = 1.1;
var floatNum2 = 0.1;
var floatNum3 = .1; // 有效，但不推荐

由于保存浮点数值需要的内存空间是保存整数值的两倍，因此ECMAScript 会不失时机地将浮点数值转换为整数值。显然，如果小数点后面没有跟任何数字，那么这个数值就可以作为整数值来保存。同样地，如果浮点数值本身表示的就是一个整数（如1.0），那么该值也会被转换为整数，如下面的例子所示：
var floatNum1 = 1.; // 小数点后面没有数字——解析为1
var floatNum2 = 10.0; // 整数——解析为10

对于那些极大或极小的数值，可以用e 表示法（即科学计数法）表示的浮点数值表示。用e 表示法表示的数值等于e 前面的数值乘以10 的指数次幂。ECMAScript 中e 表示法的格式也是如此，即前面是一个数值（可以是整数也可以是浮点数），中间是一个大写或小写的字母E，后面是10 的幂中的指数，该幂值将用来与前面的数相乘。下面是一个使用e 表示法表示数值的例子：
var floatNum = 3.125e7; // 等于31250000

在此，e 表示法的实际含义就是“3.125 乘以10的7次方”。

也可以使用e 表示法表示极小的数值，如0.00000000000000003，这个数值可以使用更简洁的3e-17表示。在默认情况下，ECMASctipt 会将那些小数点后面带有6 个零以上的浮点数值转换为以e 表示法表示的数值（例如，0.0000003 会被转换成3e-7）。

浮点数值的最高精度是17 位小数，但在进行算术计算时其精确度远远不如整数。例如，0.1 加0.2
的结果不是0.3，而是0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。
例如：
if (a + b == 0.3){ // 不要做这样的测试！
alert("You got 0.3.");
}

console.log(0.1+0.2);//0.30000000000000004

console.log(0.2+0.7);//0.8999999999999999

console.log(0.1+0.7);//0.7999999999999999

console.log(0.1+0.1);//0.2
console.log(0.2+0.2);//0.4
console.log(0.1+0.3);//0.4

（2）数值范围

ECMAScript 能够表示的最小数值保存在Number.MIN_VALUE 中——在大多数浏览器中，这个值是5e-324；能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中，这个值是1.7976931348623157e+308。

如果某次计算的结果得到了一个超出JavaScript 数值范围的值，那么这个数值将被自动转换成特殊的Infinity 值。具体来说，如果这个数值是负数，则会被转换成-Infinity（负无穷），如果这个数值是正数，则会被转换成Infinity（正无穷）。
如上所述，如果某次计算返回了正或负的Infinity 值，那么该值将无法继续参与下一次的计算，因为Infinity 不是能够参与计算的数值。要想确定一个数值是不是有穷的（换句话说，是不是位于最小和最大的数值之间），可以使用isFinite()函数。这个函数在参数位于最小与最大数值之间时会返回true，如下面的例子所示：
var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result)); //false
尽管在计算中很少出现某些值超出表示范围的情况，但在执行极小或极大数值的计算时，检测监控这些值是可能的，也是必需的。

访问Number.NEGATIVE_INFINITY 和Number.POSITIVE_INFINITY 也可以得到负和正Infinity 的值。可以想见，这两个属性中分别保存着-Infinity 和Infinity。

console.log(Number.MAX_VALUE);//1.7976931348623157e+308
console.log(Number.MIN_VALUE);//5e-324

（3）NaN

NaN，即非数值（Not a Number）是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。在ECMAScript 中，任何数值除以0 会返回NaN。

NaN 本身有两个非同寻常的特点。首先，任何涉及NaN 的操作（例如NaN/10）都会返回NaN，这个特点在多步计算中有可能导致问题。其次，NaN 与任何值都不相等，包括NaN 本身。例如，下面的代码会返回false：
alert(NaN == NaN); //false

针对NaN 的这两个特点，ECMAScript 定义了isNaN()函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值之后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值。

而任何不能被转换为数值的值都会导致这个函数返回true。

alert(isNaN(NaN)); //true
alert(isNaN(10)); //false（10 是一个数值）
alert(isNaN("10")); //false（可以被转换成数值10）
alert(isNaN("blue")); //true（不能转换成数值）
alert(isNaN(true)); //false（可以被转换成数值1） 

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

（4）数值转换

有3 个函数可以把非数值转换为数值：Number()、parseInt()和parseFloat()。

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

这3 个函数对于同样的输入会有返回不同的结果。

Number()函数的转换规则如下。
 如果是Boolean 值，true 和false 将分别被转换为1 和0。
 如果是数字值，只是简单的传入和返回。
 如果是null 值，返回0。
 如果是undefined，返回NaN。
 如果是字符串，遵循下列规则：

• 如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即"1"会变成1，"123"会变成123，而"011"会变成11（注意：前导的零被忽略了）；
• 如果字符串中包含有效的浮点格式，如"1.1"，则将其转换为对应的浮点数值（同样，也会忽略前导零）；
• 如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数值；
•  如果字符串是空的（不包含任何字符），则将其转换为0；
• 如果字符串中包含除上述格式之外的字符，则将其转换为NaN。

 如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是NaN，则调用对象的toString()方法，然后再次依照前面的规则转换返回的字符串值。

例如：

var num1 = Number("Hello world!"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number(true); //1

var num5 = Number(false); //0
var num6 = Number("123"); //123
var num7 = Number("123abc"); //NaN
var num8 = Number("0xf"); //15

var num9 = Number(null); //0
var num10 = Number(undefined); //NaN
var num11 = Number("1.23"); //1.23
var num12 = Number("1.2.3"); //NaN

parseInt()函数在转换字符串时，更多的是看其是否符合数值模式。它会忽略字符串前面的空格，直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号，parseInt()就会返回NaN；也就是说，用parseInt()转换空字符串会返回NaN（Number()对空字符返回0）。如果第一个字符是数字字符，parseInt()会继续解析第二个字符，直到解析完所有后续字符或者遇到了一个非数字字符。例如，"1234blue"会被转换为1234，因为"blue"会被完全忽略。类似地，"22.5"会被转换为22，因为小数点并不是有效的数字字符。

如果字符串中的第一个字符是数字字符，parseInt()也能够识别出各种整数格式（即前面讨论的十进制、八进制和十六进制数）。也就是说，如果字符串以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八进制数来解析。
为了更好地理解parseInt()函数的转换规则，下面给出一些例子：
var num1 = parseInt("1234blue"); // 1234
var num2 = parseInt(""); // NaN
var num3 = parseInt("0xA"); // 10（十六进制数）
var num4 = parseInt(22.5); // 22
var num5 = parseInt("070"); // 56（八进制数）
var num6 = parseInt("70"); // 70（十进制数）
var num7 = parseInt("0xf"); // 15（十六进制数）

 

在使用parseInt()解析像八进制字面量的字符串时，ECMAScript 3 和5 存在分歧。例如：
//ECMAScript 3 认为是56（八进制），ECMAScript 5 认为是70（十进制）

在ECMAScript 5 JavaScript 引擎中，parseInt()已经不具有解析八进制值的能力，因此前导的零会被认为无效，从而将这个值当成"70"，结果就得到十进制的70。

为了消除在使用parseInt()函数时可能导致的上述困惑，可以为这个函数提供第二个参数：转换时使用的基数（即多少进制）。如果知道要解析的值是十六进制格式的字符串，那么指定基数16 作为第二个参数，可以保证得到正确的结果，例如：
var num = parseInt("0xAF", 16); //175
实际上，如果指定了16 作为第二个参数，字符串可以不带前面的"0x"，如下所示：
var num1 = parseInt("AF", 16); //175
var num2 = parseInt("AF"); //NaN

指定基数会影响到转换的输出结果。例如：
var num1 = parseInt("10", 2); //2 （按二进制解析）
var num2 = parseInt("10", 8); //8 （按八进制解析）
var num3 = parseInt("10", 10); //10 （按十进制解析）
var num4 = parseInt("10", 16); //16 （按十六进制解析）

 

parseFloat()是从第一个字符（位置0）开始解析每个字符。而且也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止。也就是说，字符串中的第一个小数点是有效的，而第二个小数点就是无效的了，因此它后面的字符串将被忽略。举例来说，"22.34.5"将会被转换为22.34。

除了第一个小数点有效之外，parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。parseFloat()可以识别前面讨论过的所有浮点数值格式，也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成0。由于parseFloat()只解析十进制值，因此它没有用第二个参数指定基数的用法。最后还要注意一点：如果字符串包含的是一个可解析为整数的数（没有小数点，或者小数点后都是零），parseFloat()会返回整数。以下是使用parseFloat()转换数值的几个典型示例。
var num1 = parseFloat("1234blue"); //1234 （整数）
var num2 = parseFloat("0xA"); //0
var num3 = parseFloat("22.5"); //22.5
var num4 = parseFloat("22.34.5"); //22.34
var num5 = parseFloat("0908.5"); //908.5
var num6 = parseFloat("3.125e7"); //31250000

 

6、String类型

String 类型用于表示由零或多个16 位Unicode 字符组成的字符序列，即字符串。字符串可以由双引号（"）或单引号（'）表示。用双引号表示的字符串和用单引号表示的字符串完全相同。

（1）字符字面量

String 数据类型包含一些特殊的字符字面量，也叫转义序列，用于表示非打印字符，或者具有其他用途的字符。这些字符字面量如下表所示：

字面量	含义
\n	换行
\t	制表
\b	空格
\r	回车
\f	进纸
\\	斜杠
\'	单引号（'），在用单引号表示的字符串中使用。例如：'He said, \'hey.\''
\"	双引号（"），在用双引号表示的字符串中使用。例如："He said, \"hey.\""
\xnn	以十六进制代码nn表示的一个字符（其中n为0～F）。例如，\x41表示"A"
\unnnn	以十六进制代码nnnn表示的一个Unicode字符（其中n为0～F）。例如，\u03a3表示希腊字符Σ

 

var text = "This is the letter sigma: \u03a3.";

这个例子中的变量text 有28 个字符，其中6 个字符长的转义序列表示1 个字符。
任何字符串的长度都可以通过访问其length 属性取得，例如：
alert(text.length); // 输出28
这个属性返回的字符数包括16 位字符的数目。如果字符串中包含双字节字符，那么length 属性可能不会精确地返回字符串中的字符数目。

（2）字符串的特点

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

（3）转换为字符串

要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的toString()方法，这个方法唯一要做的就是返回相应值的字符串表现。

var age = 11;
var ageAsString = age.toString(); // 字符串"11"
var found = true;
var foundAsString = found.toString(); // 字符串"true"

数值、布尔值、对象和字符串值（没错，每个字符串也都有一个toString()方法，该方法返回字符串的一个副本）都有toString()方法。但null 和undefined 值没有这个方法。

在调用数值的toString()方法时，可以传递一个参数：输出数值的基数。默认情况下，toString()方法以十进制格式返回数值的字符串表示。而通过传递基数，toString()可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值。下面给出几个例子：
var num = 10;
alert(num.toString()); // "10"
alert(num.toString(2)); // "1010"
alert(num.toString(8)); // "12"
alert(num.toString(10)); // "10"
alert(num.toString(16)); // "a"

通过指定基数，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"

数值和布尔值的转换结果与调用toString()方法得到的结果相同。因为null 和undefined 没有toString()方法，所以String()函数就返回了这两个值的字面量。 

7、Object类型

ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行new 操作符后跟要创建的对象类型的名称来创建。而创建Object 类型的实例并为其添加属性和（或）方法，就可以创建自定义对象，如下所示：
var o = new Object();

在ECMAScript 中，如果不给构造函数传递参数，则可以省略后面的那一对圆括号。也就是说，在像前面这个示例一样不传递参数的情况下，完全可以省略那对圆括号（但这不是推荐的做法）：
var o = new Object; // 有效，但不推荐省略圆括号

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

从技术角度讲，ECMA-262 中对象的行为不一定适用于JavaScript 中的其他对象。浏览器环境中的对象，比如BOM 和DOM 中的对象，都属于宿主对象，因为它们是由宿主实现提供和定义的。ECMA-262 不负责定义宿主对象，因此宿主对象可能会也可能不会继承Object。