引言

为什么会有这一篇“重新介绍”呢?因为JavaScript 堪称世界上被人误解最深的编程语言。虽然常被视作“玩具语言”,但它看似简洁外衣下,还隐藏着强大的语言特性。 JavaScript 目前广泛应用于一大批知名应用中,对于网页和移动开发者来说,深入理解 JavaScript 就尤有必要。
先从这门语言的历史谈起。1995 年Netscape 一位名为 Brendan Eich 的员工创造了 JavaScript,随后在 1996 年初,JavaScript 首先被应用于 Netscape 2 浏览器上。最初的 JavaScript 名为 LiveScript,后来因为 Sun Microsystem 的Java 语言的兴起和广泛使用,Netscape 出于宣传和推广的考虑,将它的名字从最初的 LiveScript 更改为 JavaScript——尽管两者之间并没有什么共同点。这便是之后混淆产生的根源。
几个月后,Microsoft 随着 IE 3 推出了一个与之基本兼容的语言 JScript。Netscape 将JavaScript 提交至Ecma International(一个欧洲标准化组织),ECMAScript 标准第一版便在 1997 年诞生了,随后在 1999 年以ECMAScript 第三版的形式进行了更新,从那之后这个标准没有发生过大的改动。由于委员会在语言特性的讨论上发生分歧,ECMAScript 第四版尚未推出便被废除,但随后于 2009 年12 月发布的 ECMAScript 第五版引入了第四版草案加入的许多特性。标准的第六次修订目前处于草案阶段。
JavaScript 能有这样的稳定性(译者注:指语言标准在相当长的时间内没有发生过大的改动)对于开发者是个好消息,因为它给了开发者充足的时间修改已有的代码适应新版本的变化。以下介绍的语言特性基于 ECMAScript 第三版,为了带来不必要的误会,也将使用 JavaScript 这个名称。
与大多数编程语言不同,JavaScript 没有输入或输出的概念。它是一个在宿主环境(host environment)下运行的脚本语言,任何与外界沟通的机制都是由宿主环境提供的。浏览器是最常见的宿主环境,但是其他程序中也包含 JavaScript 解释器,如Adobe Acrobat、Photoshop、SVG 图像、Yahoo! 的widget ,以及node.js 之类的服务器端环境。JavaScript 的实际应用远不止这些,除此之外还有 NoSQL 数据库(如开源的Apache CouchDB)、嵌入式计算机,以及包括GNOME (注:GNU/Linux 上最流行的 GUI 之一)在内的桌面环境等等。

概览

JavaScript 是一种面向对象的动态语言,它包含类型、运算符、核心对象(core objects)和方法。它的语法来源于 Java 和C,所以这两种语言的许多语法特性同样适用于 JavaScript。需要注意的一个主要区别是 JavaScript 不支持类,类这一概念在 JavaScript 通过对象原型(object prototype)得到延续。另一个主要区别是 JavaScript 中的函数也是对象,JavaScript 允许函数在包含可执行代码的同时,能像其他对象一样被传递。
先从任何编程语言都不可缺少的组成部分——“类型”开始。JavaScript 程序可以修改值(value),这些值都有各自的类型。JavaScript 中的类型包括:
…哦,还有看上去有些…奇怪的 Undefined(未定义)类型和 Null (空)类型。此外还有Array (数组)类型,以及分别用于表示日期和正则表达式的Date(日期)和Regular Expression(正则表达式),这三种类型都是特殊的对象。严格意义上说,Function(函数)也是一种特殊的对象。所以准确来说,JavaScript 中的类型应该包括这些:
Number(数字)String(字符串)Boolean(布尔)Symbol(符号)Object(对象)Function(函数)Array(数组)Date(日期)RegExp(正则表达式)Null(空)Undefined(未定义)
还有一种Error(错误)类型,这个会在之后的介绍中提到。

数字

根据语言规范,JavaScript 采用“IEEE 754 标准定义的双精度64位格式”("double-precision 64-bit format IEEE 754 values")表示数字。据此我们能得到一个有趣的结论,和其他编程语言(如C和Java)不同,JavaScript 不区分整数值和浮点数值,所有数字在 JavaScript 中均用浮点数值表示,所以在进行数字运算的时候要特别注意。看看下面的例子:
0.1 + 0.2 = 0.30000000000000004
但具体实现时为了便于进行位操作,整数值通常被视为32位整型变量,在个别实现(如某些浏览器)中也以32位整型变量的形式进行存储。进一步的详细资料可参考The Complete JavaScript Number Reference。
JavaScript 支持标准的算术运算符,包括加法、减法、取模(或取余)等等。还有一个之前没有提及的内置对象Math(数学),用以处理更多的高级数学函数和常数:
Math.sin(3.5); var d = Math.PI * r * r;
你可以使用内置函数parseInt()将字符串转换为整型。该函数的第二个参数表示字符串所表示数字的基(进制):
> parseInt("123", 10) 123 > parseInt("010", 10) 10
如果调用时没有提供第二个参数(字符串所表示数字的基),2013 年以前的 JavaScript 实现会返回一个意外的结果:
> parseInt("010") 8
这是因为字符串以数字 0 开头,parseInt()函数会把这样的字符串视作八进制数字。
如果想把一个二进制数字字符串转换成整数值,只要把第二个参数设置为 2 就可以了:
> parseInt("11", 2) 3
JavaScript 还有一个类似的内置函数parseFloat(),用以解析浮点数字符串,跟parseInt()不同的地方是parseFloat()只能解析十进制数字。
单元运算符 + 也可以把数字字符串转换成数值:
> + "42" 42
如果给定的字符串不存在数值形式,函数会返回一个特殊的值NaN(Not a Number 的缩写):
> parseInt("hello", 10) NaN
如果把NaN作为参数进行数学运算,结果也会是NaN:
> NaN + 5 NaN
可以使用内置函数isNaN()来判断一个变量是否为NaN:
> isNaN(NaN) true
JavaScript 还有两个特殊值:Infinity(正无穷)和-Infinity(负无穷):
> 1 / 0 Infinity > -1 / 0 -Infinity
可以使用内置函数isFinite()来判断一个变量是否为Infinity,-Infinity或NaN:
> isFinite(1/0) false > isFinite(-Infinity) false > isFinite(NaN) false
备注:parseInt()和parseFloat()函数会尝试逐个解析字符串中的字符,直到遇上一个无法被解析成数字的字符,然后返回该字符前所有数字字符组成的数字。使用运算符 + 将字符串转换成数字,只要字符串中含有无法被解析成数字的字符,该字符串都将被转换成NaN。请你用这两种方法解析“10.2abc”这一字符串,比较得到的结果,理解这两种方法的区别。

字符串

JavaScript 中的字符串是一串字符序列。更准确地说,它们是一串由Unicode 字符构成的字符序列,每一个字符由一个 16 位二进制数表示。这对于那些需要和多语种网页打交道的开发者来说是个好消息。
如果想表示一个单独的字符,只需使用长度为 1 的字符串。
通过访问字符串的length(长度)属性可以得到它的长度。
> "hello".length 5
这就是 JavaScript 对象。前面已经提过,字符串实际上也是对象,所以它们也有方法:
> "hello".charAt(0) h > "hello, world".replace("hello", "goodbye") goodbye, world > "hello".toUpperCase() HELLO

其他类型

JavaScript 中null和undefined是不同的,前者表示一个空值(non-value),后者是“undefined(未定义)”类型的对象,表示一个还没有被分配的值。我们之后再具体讨论变量,但有一点可以先简单说明一下,JavaScript 允许声明变量但不对其赋值,一个未被赋值的变量就是undefined类型。还有一点需要说明的是,undefined是一个不允许修改的常量。
JavaScript 包含布尔类型,这个类型的变量有两个可能的值,分别是true和false(两者都是关键字)。根据具体需要,JavaScript 按照如下规则将变量转换成布尔类型:
false、0、空字符串("")、NaN、null和undefined被转换为false其他值被转换为true
也可以使用Boolean()函数进行显式转换:
> Boolean("") false > Boolean(234) true
不过一般没必要这么做,因为 JavaScript 会在需要一个布尔变量时隐式完成这个转换操作(比如在if条件语句中)。通常我们可以把转换成布尔值后分别为true和false的变量分别称为“真值(true values)”和“假值(false values)”。
JavaScript 支持包括&&(逻辑与)、||(逻辑或)和!(逻辑非)在内的逻辑运算符。

变量

在JavaScript 中声明一个新变量的方法是使用关键字var:
var a; var name = "simon";
如果声明了一个变量却没有对其赋值,那么这个变量的类型就是undefined。

运算符

JavaScript的算术操作符包括+、-、*、/和%(求余)。赋值使用=运算符,此外还有一些复合运算符,如+=和-=,它们等价于x = xop y。
x += 5 x = x + 5
可以使用++和--分别实现变量的自增和自减。两者都可以作为前缀或后缀操作符使用。
+操作符还可以用来连接字符串:
> "hello" + " world" hello world
如果你用一个字符串加上一个数字(或其他值),那么操作数都会被首先转换为字符串。如下所示:
> "3" + 4 + 5 345 > 3 + 4 + "5" 75
这里不难看出一个实用的技巧——通过与空字符串相加,可以将某个变量快速转换成字符串类型。
JavaScript 中的比较操作使用