两周前，《ECMAScript国际标准（第6版）》正式通过，下一代 JavaScript 语言定案。

ECMAScript 6（以下简称 ES6）总共新增了20多项重大的语言特性。各种浏览器和 Node.js 都积极支持，但还有不少功能没实现。

上个周末，我读到了 Kyle Simpson 的文章《ES6: Features By Testing》，发现他开发了一组测试，可以侦测运行环境支持哪些 ES6 的功能。

我就在他的基础上 ，写了功能侦测库 ES-Checker ，用于查看 ES6 的支持情况。

今天，我把这个库提交到 Hacker News，结果居然进入了首页！虽然，名次不高，上榜时间也不长，但也算实现了一个人生愿望。

请看Demo，你的浏览器支持多少 ES6？

ES-Checker 可用于多种环境。

（1）命令行环境

 $ npm install -g es-checker $ es-checker 

（2）Node环境

将 ES-Checker 安装在项目的根目录。

 $ npm install es-checker 

就可以在脚本中引用 ES-Checker 了。

 var Supports = require("es-checker");  if (Supports.letConst) {   let x = 5; } else {   var x = 5; } 

Supports 对象的属性清单，请见后文。

（3）浏览器环境

将 es-checker.js 插入页面。

 <script src="http://ruanyf.github.io/es-checker/es-checker.js"></script> 

然后在脚本中使用 Supports 对象，决定哪些功能可以使用。

 <script> if (Supports.letConst) {   let x = 5; } else {   var x = 5; } </script> 

附：Supports 的属性清单

• letConst: let 和 const 命令
• defaultParameter: 函数的默认参数
• spreadRest: 扩展（...）运算符
• destructuring: 解构赋值
• parameterDestructuring: 函数参数的解构
• templateString: 模板字符串
• forOf: for...of循环
• arrow: 箭头函数
• generator: generator函数
• conciseMethodProperty: 对象属性的简洁表示法
• computedProperty: 对象属性名使用表达式
• moduleExport: 模块的export命令
• moduleImport: 模板的import命令
• numericLiteral: 数值的八进制和二进制表示法
• oldOctalLiteral: 八进制的前缀零表示法
• symbol: Symbol类型
• unicodeEscape: Unicode字符的大括号表示法
• unicodeIdentifier: Unicode字符是否可用作标识名
• unicodeRegExp: 正则表达式的u修饰符
• stickyRegExp: 正则表达式的y修饰符
• class: 类（class）
• letTDZ: let命令的暂时性死区
• constRedef: 不允许再次用const声明同一变量
• objectProto: 对象的proto属性
• objectSuper: 对象方法是否可以使用super
• extendNatives: 原生类型的扩展
• tco: 尾调用优化
• symbolImplicitCoercion: Symbol值不能用于运算
• functionNameInference: 匿名函数的name属性推断函数名
• objectStatics: Object的静态方法
• arrayStatics: 数组的静态方法
• arrayMethods: 数组的实例方法
• typedArrays: 类型化数组
• typedArrayStatics: 类型化数组的静态方法
• typedArrayMethods: 类型化数组的实例方法
• stringMethods: 字符串的实例方法
• numberStatics: Number对象的静态方法
• mathStatics: Math对象的静态方法
• collections: Map, Set, WeakMap, WeakSet
• proxy: Proxy对象
• promise: Promise对象

原文链接：https://www.qiquanji.com/post/6670.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。