ECMAScript 6 入门

ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准。鉴于其新增内容之多，我总结了部分ES6特性，可以学习用来入门

let/const

let命令用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。const命令用来声明常量，一旦声明，常量的值就不能改变，且声明时必须立即初始化，不能留到以后赋值。这个语法有效地弥补var关键字的缺陷（变量提升，污染全局变量等）

声明	作用域	初始化
let	代码块内	否
const	代码块内	是
var	代码块外也可访问	否

下面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。

{

let x = 0;

var y = 0;

const i; // 未初始化报错

}

console.log(x); // 报错

console.log(y); // 正确的值

模板字符串

如果你也经历过拼接HTML的时候，一个个引号和加号的麻烦过程。那么，模板字符串可以很好解决这个问题，只需要使用反单引号`加上${xxx}就可以直接拼接变量

const template = `<div>

<span>${text}</span>

</div>`

箭头函数

ES6 允许使用箭头（=>）定义函数，箭头函数对于使用function关键字创建的函数有以下特点：

• 不需要function关键字来创建函数

• 省略return关键字

• 继承当前上下文的this关键字