ES6学习资料

JavaScript ES6 核心功能一览

ES6详细文档

剩余参数（…）

从参数到剩余参数和扩展操作符。

在 ES5 中，获取任意数量的参数是非常麻烦的：

// ES5

function printf(format) {

var params = [].slice.call(arguments, 1);

console.log(‘params: ‘, params);

console.log(‘format: ‘, format);

}

printf(‘%s %d %.2f’, ‘adrian’, 321, Math.PI);

我们可以用 rest 操作符 … 做到同样的事情。

// ES6

function printf(format, …params) {

console.log(‘params: ‘, params);

console.log(‘format: ‘, format);

}

printf(‘%s %d %.2f’, ‘adrian’, 321, Math.PI);

展开运算符

从 apply() 到展开运算符。我们同样用 … 来解决：

提醒：我们使用 apply() 将数组转换为一列参数。例如，Math.max() 作用于一列参数，但是如果我们有一个数组，我们就能用 apply 让它生效。

正如我们较早之前看过的，我们可以使用 apply 将数组作为参数列表传递：

// ES5

Math.max.apply(Math, [2,100,1,6,43]) // 100

在 ES6 中，你可以用展开运算符：

// ES6

Math.max(…[2,100,1,6,43]) // 100

同样，从 concat 数组到使用展开运算符：

// ES5

var array1 = [2,100,1,6,43];

var array2 = [‘a’, ‘b’, ‘c’, ‘d’];

var array3 = [false, true, null, undefined];

console.log(array1.concat(array2, array3));

在 ES6 中，你可以用展开运算符来压平嵌套：

// ES6

const array1 = [2,100,1,6,43];

const array2 = [‘a’, ‘b’, ‘c’, ‘d’];

const array3 = [false, true, null, undefined];

console.log([…array1, …array2, …array3]);

字符串插值 ${}

有了模板字面量，我们就不用做多余的嵌套拼接了。来看一下：

// ES5

var first = ‘Adrian’;

var last = ‘Mejia’;

console.log(‘Your name is ’ + first + ’ ’ + last + ‘.’);

现在你可以使用反引号 (`) 和字符串插值 ${}：

// ES6

const first = ‘Adrian’;

const last = ‘Mejia’;

console.log(

Your name is ${first} ${last}.

);