转载

ES6入门笔记(一)

ES6入门笔记(一)

安装babel

由于浏览器对ES6的支持还不是很好,编写ES6代码前我们要安装一个babel工具将ES6代码编译成ES5代码,用如下命令安装babel:

npm install -g babel-core       //安装babel核心库 npm install -g babel-cli       //安装babel命令行工具

安装成功后,我们将a.js的ES6代码编译为b.js的ES5代码的命令为:

babel a.js -o b.js

这里要注意由于babel最新版本还有对jsx,ES7等规范的支持,所以还要在当前目录新建一个.babelrc文件来指定当前使用JS的候选版本,其内容为:

{     "presets": ["es2015"]        //指定当前JS版本为es2015 }

区块作用域let与常量const

ES6里用let声明具有区块作用域的变量,什么是区块作用域,学习过C,C++,Java等语言的同学都知道,如循环、if/else等、或用花括号代码块里声明的变量是具有作用域的,超出该范围即无法使用,js一直没有这个概念,ES6补上了这个缺口。

用const声明的常量无法在后面的代码中改值。

Spread表达式

ES6里还有一个很方便的就是spread表达式,举个例子:

function cook(dessert, ...drink) {     let temp = dessert;     for (let i = 0; i < drink.length; ++i) {         temp += ',' + drink[i];     }     console.log(temp); }  cook('cake', 'juice', 'cola');  // 运行结果为    cake,juice,cola 

…后声明的drink里以数组的形式存放了函数的剩余参数,是不是很方便。

原文  http://hao.jser.com/archive/10224/
正文到此结束
Loading...