迎接接见我的个人博客：http://www.xiaolongwu.cn

媒介

纪录一下在现实开辟中，很有效的三个es6的新要领

用法详解

默许参数

function f(x, y=13) {
  // 假如没有传入y或传入了undefined，y的默许值为13
  return x + y;
}
f(5) // 18

不定参数Rest

不定参数rest，让我们不再须要arguments，从而防止许多贫苦

function f(x, ...r) {
  // y是一个数组
  console.log(r);  //["h", true]
  return x * r.length;
}
f(4, "h", true) // 8

扩大运算符

1、睁开运算符，睁开函数的参数。

function f(x, y, z) {
  return x + y + z;
}
// 将数组中的每一个元素睁开为函数参数
f(...[3,5,7]) //  15

2、扩大运算符庖代apply要领的一个现实的例子，运用Math.max要领，简化求出一个数组最大元素的写法。

// ES5 的写法
Math.max.apply(null, [14, 3, 77])
 
// ES6 的写法
Math.max(...[14, 3, 77])
 
// 等同于
Math.max(14, 3, 77);

3、经由过程push函数，将一个数组添加到另一个数组的尾部

// ES5的 写法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);
 
// ES6 的写法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
arr1.push(...arr2);

4、扩大运算符将字符串转为真正的数组

[...'leon']

// [ "l", "e", "o", "n"]

5、兼并数组越发简朴

// ES5
[11, 2].concat([4,5])

// ES6
[11, 2, ...[4,5]]
 
 
 //多个的写法
var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];
 
// ES5的兼并数组
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]
 
// ES6的兼并数组
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

我的github资本地点：es6 — 默许参数Default，不定参数Rest，扩大运算符Spread详解

我的CSDN博客地点：https://blog.csdn.net/wxl1555

假如您对我的博客内容有迷惑或质疑的处所，请在下方批评区留言，或邮件给我，配合进修提高。

邮箱：wuxiaolong802@163.com