freeCodeCamp/guide/chinese/javascript/es6/index.md

1.4 KiB
Raw Blame History

title localeTitle
ES6 ES6

ES6

第6版ECMAScript称为ES6。

它也被称为ES2015。

这些更改增加了许多语法糖,允许开发人员以面向对象的方式创建应用程序。

ES5示例

var User = function () { 
  function User(name) { 
    this._name = name; 
  } 
 
  User.prototype.getName = function getName(x) { 
    return 'Mr./Mrs. ' + this._name; 
  }; 
 
  return User; 
 }(); 

ES6示例

class User { 
  constructor(name) { 
    this._name = name 
  } 
 
  getName() { 
    return `Mr./Mrs. ${this._name}` 
  } 
 } 

引入了许多新的语法功能,包括:

  • 类,
  • 模块,
  • 模板,
  • for / of循环
  • 生成器表达式
  • 箭头功能,
  • 收藏,
  • 承诺。

如今,大多数功能都可以在所有流行的浏览器中使用。 兼容性表包含有关所有现代浏览器的功能可用性的所有信息。

经常出现新功能这是继承者ES7的一部分。一种常见的方法是将现代JavaScriptES6ES7和其他实验方案翻译成ES5。这确保了旧浏览器也可以执行代码。像Babel这样的工具可以将新的JavaScript转换为ES5。

除了来自ECMAScript标准的语法糖之外还有一些需要Polyfill的功能 。通常它们是必需的,因为整个类/方法实现被添加到标准中。