manlili blog

ES6入门

一直以来都没有弄透ES6,接下来跟着阮一峰老师的教程慢慢学习,希望最后可以学懂和学透。

什么是ES6

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

ECMAScript 和 JavaScript 的关系

ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现。

ES6 与 ECMAScript 2015 的关系

ES6 的第一个版本,就这样在2015年6月发布了,正式名称就是《ECMAScript 2015标准》(简称 ES2015),ES6 既是一个历史名词,也是一个泛指,含义是5.1版以后的 JavaScript 的下一代标准,涵盖了ES2015、ES2016、ES2017等等。

ES6的支持度以及测试工具

  1. 支持度网址http://kangax.github.io/es5-compat-table/es6/
  2. 测试浏览器是否支持ES6http://ruanyf.github.io/es-checker

将ES6转换为ES5工具

babel

Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。下面是一个例子。

1
2
3
4
5
6
7
// 转码前
input.map(item => item + 1);
// 转码后
input.map(function (item) {
return item + 1;
});

接着会写一篇专门介绍Babel的文章。

Traceur

Google公司的Traceur转码器,也可以将 ES6 代码转为 ES5 代码。这个感兴趣的可以百度。

请我喝杯果汁吧!