ECMAScript 6入门

预计在2014年底，ECMAScript 6将会正式发布，他的草案在13年3月份被冻结，后续提出新特性将会移至ECMASript 7中。目前还没有哪款浏览器实现了ES6的全部内容，兼容性最强的一款要数FireFox了。具体情况可以在这里查看。

关于 ECMAScript 6 草案，我在博客里头复制了一份，可以点击这里。

JavaScript的内容是越来越丰富，在ES6中还添加了模块（module）和类（class），感觉他已经失去了曾经的单纯了，不知道这些新功能的补充对开发者来说是福音还是负担。之前写过两篇关于ES6的文章，ECMAScript 6 简介 和 ECMAScript 6中的let和const关键词，本文将一一介绍ES6中的一些新特性。

本文地址：http://www.cnblogs.com/hustskyking/p/ecmascript6-overview.html，转载请注明源地址。

注意：如果想测试以下属性，请安装 0.11+ 版本的 node，并添加上 --harmony 参数。

一、let 和 const

这个内容在 ECMAScript 6中的let和const关键词 一文中已经介绍过了。简单来说就是一句话：ES6中引入了块级作用域，let的有效区间是他所在的 {} 大括号中。const 为常量，定义之后不能更改，也删除不了。

> const PI = 3.14;
> Object.getOwnPropertyDescriptor(window, PI)
Object {value: 3.1415, writable: false, enumerable: true, configurable: false}

writable 和 configurable 都是 false。

二、多变量的模式赋值

写过 coffee-script 的人都知道，我们可以这样给一个数据赋值：

num[1..3] = ["hello", "i'am", "Barret Lee"]

ES6中也允许类似的多变量赋值：

var [x, y, z] = ["hello", "i'am", "Barret Lee"];

更强大的是，他还适合对象：

var { foo, bar } = { foo: "Barret", bar: "Lee" };

这种赋值方式是模式匹配的，只要左侧跟右侧对应，便可以成功赋值。感觉新手不会太适应这种写法。

三、数组推导

先看例子：

var a1 = [1, 2, 3, 4];
var a2 = [i * 2 for (i of a1)];

a2 // [2, 4, 6, 8]

这东西只是简化了编程，没有从根本上增加功能和特性，写 coffee 的人应该比较喜欢，我看着还是有点不习惯，其实上面的写法就等价于：

var a1 = [1, 2, 3, 4];
var a2 = a1.map(function (i) { return i * 2 });

我想除非是代码长度有限制，否则这玩意儿正式出来了我也不会用它。

四、字符串的扩展

这一块的内容相当于是给 JS 编码打一个补丁，这个补丁用来弥补双字节 UTF-16 字符带来的问题，引入的各个函数也只是对不同场景的修复。这个扩展还是相当重要的，尤其是 ArrayBuffer 中数据类型的相关处理，涉及到很多类似 Float64Array Uint32Array 等类型化数组的处理，我在 你所不知道的JavaScript数组 曾提到过。

1. codePointAt

这个地方需要解释下 JavaScript 对字符的储存模式，JavaScript 中的字符串是以 UTF-16 为代码单元，通常我们使用的字符范围都在 Unicode 值 0x10000 以内，他们对应的 UTF-16 就是它们自身，但 Unicode 中也存在这个范围之外的字符，这时候就需要两个 UTF-16 字符来描述，比如：

alert("