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();

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

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

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

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

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' ]

ES 6 作用域

以 For 循环为例:

var funcs = [];

for (var i = 0; i < 10; i += 1) {
  funcs.push(function(){ console.log(i); });
}

funcs.forEach(func => func());
// 输出 10 十次

闭包:

var funcs = [];

for (var i = 0; i < 10; i += 1) {
  funcs.push((function(value){ console.log(value); }(i));
}

funcs.forEach(func => func());
// 0 到 9 依次输出

在 ES6 中可以简化为:

const funcs = [];

for (let i = 0; i < 10; i += 1) {
  funcs.push(() => console.log(i));
}

funcs.forEach(func => func());
// 0 到 9 依次输出

Function 创建函数

var add = new Function("first", "second = first", "return first + second");
console.log(add(1, 1));// 2
console.log(add(1));// 2
var pickFirst = new Function("..args", "return args[0]");
console.log(pickFirst(1,2)); // 1

ES6 中互换值

let a = 1;
let b = 2;

[a, b] = [b, a];

console.log(a, b); // 2 1