ES6 函数 (箭头函数、默认参数、函数展开)

箭头函数
// 传统
let plus = function(a,b) {
  return a+b
}
// 箭头函数
let arrPlus = (a,b) => a+b
// 传统
function plus1(a,b) {
  return a+b;
}

let a = plus(1,5)

let b = plus1(1,6)

let c = arrPlus(1,7)

console.log(a,b,c) // 6 7 8
默认参数:
let plus = function(a,b=1) {
  return a+b
}
console.log(plus(2)) // 3
参数展开(剩余参数,数组展开)
function rest(a,b,...c) {
  console.log(a,b,c)
}
rest(1,2,3,4,5)  // 1 2 [ 3, 4, 5 ]

注:展开的参数必须放在最后

三个点的另一个作用:将数组展开

let arr1 = [1,2,3]
let arr2 = [5,6,7,...arr1,8,9]
console.log(arr2) // [ 5, 6, 7, 1, 2, 3, 8, 9 ]

或者把一个数组打包 push 进另一个数组

let arr1 = [1,2,3]
let arr2 = [5,6,7,8,9]
arr2.push(...arr1)
console.log(arr2); // [ 5, 6, 7, 8, 9, 1, 2, 3 ]

猜你喜欢

转载自blog.csdn.net/zhuyuchen321/article/details/82628648