React学习手册

JavaScript

新特性

｜

21

tahoe.print() // false

ES6

转译

并不是所有浏览器都支持

ES6,

其中有些甚至根本不支持该规范。确保用户根据

ES6

规

范编写的代码能够正常工作的唯一办法是，在浏览器中运行这些代码之前将它们转换

成符合

ES5

规范的代码。这个过程被称为转译。

Babel(

http://www.babeljs.io/

)

是当前最

流行的转译工具之一。

在过去，使用

JavaScript

最新特性的唯一办法是等待数周、数月，甚至数年，直到大

部分主流的浏览器都支持它们。现在，转译机制使得马上使用

JavaScript

最新特性的

想法变成了现实。转译的步骤和其他语言类似。转译不是编译：我们的代码并没有被

编译成二进制形式。相反，它们被转译成能够被绝大多数浏览器识别的语法。当然，

JavaScript

目前还有自己的源代码，这意味着属于用户项目的某些源代码文件并不是

直接在浏览器中运行的。

示例

2-4

展示了一些

ES6

代码。其中包括一个箭头函数，并且其中已经包含了某些参数

名为

x

和

y

的默认参数。

示例

2-4

：

Babel

转译之前的

ES6

代码

const add = (x=5, y=10) => console.log(x+y);

对上述代码进行转译之后，结果如下列代码所示：

"use strict";

var add = function add() {

var x = arguments.length <= 0 || arguments[0] === undefined ?

5 : arguments[0]; ...