JavaScript 6 的新特性介绍

JavaScript 6里都有啥新鲜东西？让我们一起来看看JavaScript 6的一些新特性。

• let,?const?(用来定义block-local变量), 程序过程中的function
• 解构:?let {x, y} = pt; let [s, v, o] = triple();
  (前提是let pt = {x:2, y:-5})
• 缺省参数值:?function f(x, y=1, z=0) {?}
• 其它参数:?function g(i, j, ...r) { return r.slice(i, j); }
  (不需要再使用?arguments?)。
• 数据展开:?let a = [0,1,2,3], o = new Something(...a);。也可以用于数组字面量:?[1, ...array, 4].
• 对象简写：
  let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }.
• 函数简写?(a) => a * a?效果等同
  (function(a) { return a * a; }).bind(this)
• map, set:?let m = new Map(); m.set(key, value); m.has(key); m.get(key).
  还包括?.clear(),?.delete(),?.forEach(),?.keys().
• 弱map:?let map = new WeakMap()。当有循环引用时使用它。同理new WeakSet()。
• promise:?new Promise((resolve, reject) => {…}).
  • 当?promise.then(value => {…})时，resolve(valueOrPromise)?返回承诺的值 (或者是一个新的promise，形成链式调用)
  • 当promise.then(…).then(…).catch(error => {…})时reject(new Error(…))中断promise
  • 快速 promise 创建:?Promise.resolve(value),?Promise.reject(error).
  • 迭代:?Promise.all(listOfPromises).then(listOfValues => …),
    Promise.race(listOfPromises).then(valueThatResolvedFirst => …)
• 代理:?let obj = new Proxy(proto, handler).
  简单说： 使用类对象的元素进行重载(能够带来所有可访问的属性。)
• 生成器:?function* gen() { yield 1; yield 2; }
  事实上，gen()?会返回一个含有?next()?函数的对象。
• 循环:?for (var [key, val] of items(x)) { alert(key + ',' + val); }。
• 类定义中使用extends,?super, 和?static:

  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]; }
  }

• 符号(Symbol)对象，创建私有的key，可用于map和类中(私有成员
  members)。

  let a = Map();
  {
    let k = Symbol();
    a.set(k, 'value');
    // 这里你可以访问和设置'value'，比如a.get(k)。
  }
  //这里不行，k是不可见的。

• 模块化:

  module math {
    export function sum(x, y) {
      return x + y;
    }
    export var pi = 3.141593;
  }
  
  import {sum, pi} from math;
  alert(sum(pi,pi));

• 模板式字符串: 可以多行，并能嵌入变量。
  `You are ${age} years old.`.

  // 多行字符串
  re`line1: (words )*
  line2: \w+`
  
  // It desugars to:
  re({raw:'line1: (words )*\nline2: \w+',
      cooked:'line1: (words )*\nline2: \w+'})

• 类型化数组