ECMAScript
6(以下简称ES6)是JavaScript语言的新一代标准,已经在二零一四年11月专业发布了。它的目的,是驱动JavaScript语言可以用来编排复杂的特大型应用程序,成为公司级开发语言。

学学ES6从前,大家得以先来看一下各大浏览器的新式版本对ES6的支撑,点击那里

我们得以应用以下二种环境去上学ES6

接纳最新版本的Chrome或然Chromium

来说一下在Ubuntu下,如何升级到最新的Chromium,要求执行如下命令即可。

sudo add-apt-repository ppa:chromium-daily 
sudo apt-get update 
sudo apt-get install chromium-browser

接下来要求敞开对ES6的支撑,访问chrome://flags/#enable-javascript-harmony页面,开启这些天性。

下一场您就足以在Chromium的console中使用ES6了。

使用Node.js

指出更新到Node的摩登版本,或然最新的安静版本,那样Node对ES6的支撑恐怕会多一些。

晋级Node可以使用nvm或者n等版本管理工具。

本身使用的是n,命令入下:

// 全局安装n
sudo npm install -g n
// 安装制定版本
n 5.6.0
// 安装最新的版本
n latest
// 安装稳定版本
n stable
// 删除某个版本
n rm 5.6.0
// 以指定的版本来执行脚本
n use 5.6.0 some.js

自己设置了安澜版本,当前是5.6.0

可以使用如下命令查看当前版本的Node对ES6的支撑

node --v8-options | grep harmony

采用的时候只须求带上–harmony参数

node --harmony
node --harmony test.js

使用Babel

Babel是一个广大采纳的ES6转码器,可以将ES6代码转为ES5代码,从而在存活条件举行。那意味,你可以用ES6的措施编写程序,又并非担心现有条件是或不是接济。

何以设置Babel作者就回顾举三个例证。以三个test项目为例。

先创制test文件夹,然后在该公文夹下执行npm
init,初步化package.json文件,然后修改为如下的情节:

{
  "name": "test",
  "version": "1.0.0",
  "description": "A babel test project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel src -d lib"
  },
  "author": "HarrySun",
  "license": "MIT",
  "devDependencies": {
    "babel-cli": "^6.6.4",
    "babel-preset-es2015": "^6.6.0"
  }
}

里头scripts中的build命令,是指将src下的文件夹里的es6的js文件转发成es5的js文件。

然后实施一下npm install,安装babel-cli和babel-preset-es贰零壹肆包。

最后创立一下.babelrc配置文件,命令如下:

echo '{ "presets": ["es2015"] }' > .babelrc

其一项目标例证,请点击这里

给贰个官网地址,我们可以依照差距的环境就和好的急需采纳。Babel
Setup

相关文章

网站地图xml地图