ECMAScript 6系列—— 简介

588 阅读1分钟

【参考】ECMAScript 6 入门

ECMAScript 和 JavaScript 的关系

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

ES6 与 ECMAScript 2015 的关系

ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准。本书中提到 ES6 的地方,一般是指 ES2015 标准,但有时也是泛指“下一代 JavaScript 语言”。

部署进度

输入

npm install -g es-checker
es-checker

可以查看你正在使用的 Node 环境对 ES6 的支持程度。

转码器

可以将 ES6 代码转为 ES5 代码,常用的转码器有如下几种,具体的操作流程可参考es6.ruanyifeng.com/#docs/intro

1.Babel 转码器

  • 配置文件.babelrc

Babel 工具和模块的使用,都必须先写好.babelrc

  • Babel 提供命令行工具@babel/cli,用于命令行转码。
  • @babel/node模块的babel-node命令,提供一个支持 ES6 的 REPL 环境。它支持 Node 的 REPL 环境的所有功能,而且可以直接运行 ES6 代码。
  • @babel/register 模块
  • babel API

如果某些代码需要调用 Babel 的 API 进行转码,就要使用@babel/core模块

  • 浏览器环境

Babel 也可以用于浏览器环境,使用@babel/standalone模块提供的浏览器版本,将其插入网页。


2.Traceur 转码器

npm install -g traceur

  • Node 环境的用法