ES6扩展运算符如何使用及有哪些注意事项需要注意？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1734个文字，预计阅读时间需要7分钟。
扩展运算符 + spread syntax 又称展开语法，写法是 ...，顾名思义，是用来展开字符字符串、数组和对象的语法，可以在函数调用/数组构造时，将数组表达式或字符串在语法层面展开。
扩展运算符 spread syntax 又叫展开语法，写法是 ...，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将对象表达式按 key-value 的方式展开。常用的语法如下：
//函数调用： myFunction(...iterableObj); //字面量数组构造或字符串： [...iterableObj, '4', ...'hello', 6]; // 构造字面量对象时,进行克隆或者属性拷贝（ECMAScript 2018规范新增特性）： let objClone = { ...obj };
在函数调用时使用扩展运算符相当于使用 Function.prototype.apply：
function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction(...args); //相当于 function myFunction(x, y, z) {} var args = [0, 1, 2]; myFunction.apply(null, args);
和 apply 不同的是，我们不仅可以将全部参数放到一个数组中，还可以只将其中几个参数用扩展运算符展开，并且可以再一次调用中多次使用扩展运算符。
本文共计1734个文字，预计阅读时间需要7分钟。
扩展运算符 + spread syntax 又称展开语法，写法是 ...，顾名思义，是用来展开字符字符串、数组和对象的语法，可以在函数调用/数组构造时，将数组表达式或字符串在语法层面展开。
扩展运算符 spread syntax 又叫展开语法，写法是 ...，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将对象表达式按 key-value 的方式展开。常用的语法如下：
//函数调用： myFunction(...iterableObj); //字面量数组构造或字符串： [...iterableObj, '4', ...'hello', 6]; // 构造字面量对象时,进行克隆或者属性拷贝（ECMAScript 2018规范新增特性）： let objClone = { ...obj };
在函数调用时使用扩展运算符相当于使用 Function.prototype.apply：
function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction(...args); //相当于 function myFunction(x, y, z) {} var args = [0, 1, 2]; myFunction.apply(null, args);
和 apply 不同的是，我们不仅可以将全部参数放到一个数组中，还可以只将其中几个参数用扩展运算符展开，并且可以再一次调用中多次使用扩展运算符。