ES6展開運算符（擴展運算符）

原文連接

在ES6中，咱們有了一個新的運算符--展開運算符，它可使咱們的代碼的數量有必定的減小，有時候甚至有頗有用的做用，咱們來舉幾個經常使用的例子，同時經過例子來了解展開運算符的使用。

1.apply中的使用

當咱們的函數有多個變量的時候（特別是當咱們不知道變量的數量的時候），有時候會經過將變量保存在數組中，並經過call來執行函數，有了展開運算符後則有了更好的方式（畢竟使用call須要手動指定this，有時候會不是很方便很準確）

// 通常
function a(x, y, z) { }
var args = [0, 1, 2];
a.apply(null, args);

// 展開運算符
a(...args);
複製代碼

除此以外還能夠

// 須要傳入不定數量的參數，同時最後一個參數爲須要指定的值
function b() {
  console.log(arguments.length);
  console.log(arguments[arguments.length -1]);
}
var args = [0, 1, 2];
b(...args, -2)
複製代碼

總的來講，使多參數的函數調用有了新的方式, 並且避免的做用域的問題。

2.數組中的使用

數組的合併

var a = [1, 2];
var b = [0, ...a, 3]
複製代碼

數組的分割

var [a, ...b] = [0, 1, 2];
console.log(b) // [1, 2]
複製代碼

數組的拷貝

var a = [1, 2];
var b = [...a];
複製代碼

3.對象中的使用 這裏的對象是指相似{a:1}這樣的對象，由於數組，函數也是對象中的一種。

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(z) // {a: 3, b: 4}
複製代碼

這個在函數的參數中也有很好的用處

function test(...args) {
  console.log(args);
}

test('wang', '23', 'man');
複製代碼

可能會有人說arguments自己就能夠啊，可是arguments自己並非數組，因此沒法直接對arguments進行數組操做。

類外，在Node中有不少的回調函數都是以error爲第一返回值，其實不少接口都是那麼設計的。那麼咱們能夠很方便的分離error和其餘參數

request.get('./demo', (e, ...data) => {
  console.log(e);
  console.log(data);
})
複製代碼

不過如今的ES6中還不支持在對象中使用擴展運算符，這個還在ES7的草案中，不過咱們可使用babel來處理。

最後寫一個例子吧，在github上有這個一個庫https://github.com/sindresorhus/pify用於將回調的函數改成promise形式

const fs = require('fs');

const pify = function(fn) {
  return function(...args) {
		return new Promise((resolve) => {
			fn(...args, (...res) => {
				resolve(res);
			})
		})
	}
};

// fs.readFile
pify(fs.readFile)('./package.json', 'utf8').then(([err, data]) => {
	console.log(data);
})

// ajax
pify(request)('http://demo.api.com').then(([err, data]) => {
  console.log(data)
})

複製代碼