... 扩展运算符

2019-03-20  本文已影响0人  广告位招租

对于扩展运算符,只需要记住一句话

对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中

因此在下栗中

let bar = { a: 1, b: 2 };
let baz = { ...bar }; // { a: 1, b: 2 }

等价于使用Object.assign

let bar = { a: 1, b: 2 };
let baz = Object.assign({}, bar); // { a: 1, b: 2 }

请记住: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中

在数组中使用

function add(x, y) {
  return x + y;
}

const numbers = [4, 38];
add(...numbers) // 42

可以配合解构赋值

const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]

注意:如果将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错

再注意:对象中的扩展运算符用于取出参数对象中的所有可遍历属性,拷贝到当前对象中

上一篇 下一篇

猜你喜欢

热点阅读