迎接接见我的个人博客: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