leader.js.cool/basic/js/es.md

ES Next

Pipeline Operator (Proposal)

目前处于草稿阶段: https://github.com/tc39/proposal-pipeline-operator

function doubleSay(str) {
  return `${str}, ${str}`;
}
function capitalize(str) {
  return str[0].toUpperCase() + str.substring(1);
}
function exclaim(str) {
  return `${str}!`;
}

let result = "hello" |> doubleSay |> capitalize |> exclaim;

result |> console.log;
//=> "Hello, hello!"

项目模板: https://github.com/willin/esnext-pipeline-biolerplate

Async (ES 7)

async function fn(args){
  // ...
}

// 等同于

function fn(args){
  return spawn(function*() {
    // ...
  });
}

多个await命令后面的异步操作，如果不存在继发关系，最好让它们同时触发。

let foo = await getFoo();
let bar = await getBar();

上面代码中，getFoo和getBar是两个独立的异步操作（即互不依赖），被写成继发关系。这样比较耗时，因为只有getFoo完成以后，才会执行getBar，完全可以让它们同时触发。

// 写法一
let [foo, bar] = await Promise.all([getFoo(), getBar()]);

// 写法二
let fooPromise = getFoo();
let barPromise = getBar();
let foo = await fooPromise;
let bar = await barPromise;

上面两种写法，getFoo和getBar都是同时触发，这样就会缩短程序的执行时间。

Proxy (ES 6)

经测试Node v6.1.0之后版本已集成。

示例代码：

const proxy = new Proxy({}, {
  get: (target, property) => [target, property]
});

console.log(proxy.func);          // [ {}, 'func' ]
console.log(proxy.func('123'));   // TypeError: proxy.func is not a function

const proxy = new Proxy({}, {
  get: (target, property) =>
    (test) => [target, property, test]
});

console.log(proxy.func);          // [Function]
console.log(proxy.func('123'));   // [ {}, 'func', '123' ]