ECMAScript 6 简介
ECMAScript 6 是JavaScript的下一个标准,正处在快速开发之中,大部分已经完成了,预计将在2014年正式发布。Mozilla将在这个标准的基础上,推出JavaScript 2.0。
ECMAScript 6 的目标,是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器(code generator)。
最新的浏览器已经部分支持ECMAScript 6 的语法,可以通过 《ECMAScript 6 浏览器兼容表》 查看浏览器支持情况。
一、ECMAScript 6 新内容一览
-
let, const (定义块级局部变量), 函数在块级域中
-
解构 :let {x, y} = pt; let [s, v, o] = triple();(如可以let pt = {x:2, y:-5}).
-
参数设置默认设置 :function f(x, y=1, z=0) {...}
-
rest :function g(i, j, ...r) { return r.slice(i, j); }(而不是疯狂地使用arguments).
-
spread :let a = [0,1,2,3],o = new Something(...a);
-
proxies :let obj = Proxy.create(handler, proto). 简单地说,就是类对象元素的符号重载.
-
weak map :let map = new WeakMap. 当你有循环应用的时候用它.
-
generators :function* gen() { yield 1; yield 2; }事实上, gen() 返回一个有next()属性的对象
-
迭代器 :for (var [key, val] of items(x)) { alert(key + ',' + val); }. Iterators 可以是 generators 或者 proxies.
-
array and generator comprehension :[a+b for (a in A) for (b in B)](array comprehension),(x for (x of generateValues()) if (x.color === 'blue'))(generator expression).
-
二进制数据 :const Pixel = new StructType({x:uint32, y:uint32, color:Color})(此处Color本身就是一个结构类型),new ArrayType(Pixel, 3).
-
类语法 , 包含extends,prototype, andsuper:
class Point extends Base { constructor(x,y) { super(); this[px] = x, this[py] = y; this.r = function() { return Math.sqrt(x*x + y*y); } } get x() { return this[px]; } get y() { return this[py]; } proto_r() { return Math.sqrt(this[px] * this[px] + this[py] * this[py]); } equals(p) { return this[px] === p[px] && this[py] === p[py]; } }
13 模块 :
module math { export function sum(x, y) { return x + y; } export var pi = 3.141593; } import {sum, pi} from math; alert(sum(pi,pi));
14 quasis : multiline, 可扩展的预处理字符串.You are ${age} years old..
// The following regexp spans multiple lines. re`line1: (words )* line2: \w+` // It desugars to: re({raw:'line1: (words )*\nline2: \w+', cooked:'line1: (words )*\nline2: \w+'})