58 lines
1.4 KiB
Markdown
58 lines
1.4 KiB
Markdown
---
|
||
title: ES6
|
||
localeTitle: ES6
|
||
---
|
||
## ES6
|
||
|
||
第6版ECMAScript称为ES6。
|
||
|
||
它也被称为ES2015。
|
||
|
||
这些更改增加了许多语法糖，允许开发人员以面向对象的方式创建应用程序。
|
||
|
||
> ES5示例：
|
||
|
||
```javascript
|
||
var User = function () {
|
||
function User(name) {
|
||
this._name = name;
|
||
}
|
||
|
||
User.prototype.getName = function getName(x) {
|
||
return 'Mr./Mrs. ' + this._name;
|
||
};
|
||
|
||
return User;
|
||
}();
|
||
```
|
||
|
||
> ES6示例：
|
||
|
||
```javascript
|
||
class User {
|
||
constructor(name) {
|
||
this._name = name
|
||
}
|
||
|
||
getName() {
|
||
return `Mr./Mrs. ${this._name}`
|
||
}
|
||
}
|
||
```
|
||
|
||
引入了许多新的语法功能，包括：
|
||
|
||
* 类，
|
||
* 模块，
|
||
* 模板，
|
||
* for / of循环，
|
||
* 生成器表达式
|
||
* 箭头功能，
|
||
* 收藏，
|
||
* 承诺。
|
||
|
||
如今，大多数功能都可以在所有流行的浏览器中使用。 [兼容性表](https://kangax.github.io/compat-table/es6/)包含有关所有现代浏览器的功能可用性的所有信息。
|
||
|
||
经常出现新功能，这是继承者ES7的一部分。一种常见的方法是将现代JavaScript（ES6，ES7和其他实验方案）翻译成ES5。这确保了旧浏览器也可以执行代码。像[Babel](https://babeljs.io/)这样的工具可以将新的JavaScript转换为ES5。
|
||
|
||
除了来自ECMAScript标准的语法糖之外，还有一些需要[Polyfill的功能](https://babeljs.io/docs/usage/polyfill) 。通常它们是必需的，因为整个类/方法实现被添加到标准中。 |