ES6的扩展操作符

朴灿烈づ我的快乐病毒、 2022-04-23 09:34 154阅读 0赞

ES6中的扩展操作符实际上与`rest`参数非常相似。前者是`...`，后者则是`...+变量名`。

那它们主要的区别我个人认为主要是两个：

1.  `rest`参数使用在函数的**参数定义时**，扩展操作符**使用在函数调用时**。

function foo(...items){
         //这里的...items就是rest参数
        console.log(items);
    }
    
    console.log(...[1,2,3,4,5]);    //这里的...就是扩展操作符

1.  扩展操作符可以理解为`rest`参数的逆操作

为什么这么说呢？从它们的作用就可以窥见一二。`rest`参数是将所有“多余”的参数都放进数组。例如

function foo(x, ...items){
        
        console.log(x + '\n');
        console.log(items);
    }
    
    foo(1,2,3,4,5,6);   
    /*
    1
    [2,3,4,5,6]
    */

可以看出`1`之后的“多余”的`2,3,4,5,6`都被放进了一个数组并赋值给了`items`变量。

而扩展操作符则是将数组转换成由逗号分隔的参数序列。例如，

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

若是给`arr`数组的`push`方法直接传入`nums`数组，那么输出的结果将会是一个二维数组。

--------------------

在函数调用中使用扩展操作符将可以实现类似于**解构赋值**的效果。**注意，仅仅只是类似。** 例如，

function pow(x, y){
        
        return x ** y;
    }
    
    let nums = [2,3];
    
    console.log(pow(...nums));  //8

这个例子中`nums`中的`2`和`3`都分别赋值给了`x`和`y`。

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6扩展

1.我们使用promise可以解决什么问题？我们可以使用promise来解决回调地狱的问题回调地狱的问题： `$.ajax({ url:"/data1", suc

淩亂°似流年/ 2023年07月17日 06:47/ 0 赞/ 26 阅读

相关 ES6-函数的扩展

ES6对函数的扩展总要将两件事，一个是函数的参数，一个是箭头函数，这两点扩展为JS代码编写来说是两个大大的惊喜，未来我们会经常用到这两个新特性。 ES6中函数的参数与

我会带着你远行/ 2023年06月06日 10:39/ 0 赞/ 28 阅读

相关 ES6...扩展操作符骚操作

https://www.jianshu.com/p/7414dc5537a5 ...多用于数组对象，和对象下有多个数据将数组打散作为一个需要单独一个个传入参数的函数的参数

谁践踏了优雅/ 2022年12月03日 08:59/ 0 赞/ 145 阅读

相关 ES6的扩展操作符

ES6中的扩展操作符实际上与`rest`参数非常相似。前者是`...`，后者则是`...+变量名`。那它们主要的区别我个人认为主要是两个： 1. `rest`参数使用在

朴灿烈づ我的快乐病毒、/ 2022年04月23日 09:34/ 0 赞/ 155 阅读

相关 es6 数值的扩展

数值的扩展 Number.isNaN() Number.isFinite() Number.parseInt

刺骨的言语ヽ痛彻心扉/ 2022年02月04日 11:25/ 0 赞/ 325 阅读

相关 es6 字符串的扩展

字符串的扩展传统的字符串拼接模板字符串标签模板 ES6字符串String类扩展函

你的名字/ 2022年02月04日 03:01/ 0 赞/ 335 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 338 阅读

相关 ES6基础-ES6的扩展

进行对字符串扩展，正则扩展，数值扩展，函数扩展，对象扩展，数组扩展。开发环境准备：编辑器（VS Code, Atom，Sublime）或者IDE（Webstorm）

朴灿烈づ我的快乐病毒、/ 2021年08月20日 00:28/ 0 赞/ 581 阅读

相关 ES6 数值的扩展

二进制和八进制表示法 ES6提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 0b111110111 === 503 // t

左手的ㄟ右手/ 2021年06月24日 16:12/ 0 赞/ 580 阅读

相关 ES6 字符串的扩展

字符的Unicode表示法 JavaScript允许采用\\uxxxx形式表示一个字符，其中“xxxx”表示字符的码点。 "\u0061" // "a"

谁践踏了优雅/ 2021年06月24日 16:11/ 0 赞/ 565 阅读