JS中的展开语法、剩余参数

最新推荐文章于 2025-02-27 20:03:40 发布

水星灭绝

最新推荐文章于 2025-02-27 20:03:40 发布

阅读量1.4k

点赞数

分类专栏： h5 前端

本文链接：https://blog.youkuaiyun.com/wulong710/article/details/111919559

版权

本文详细介绍了JavaScript中的展开语法和剩余参数。展开语法在函数调用、数组构造及对象构造时发挥作用，允许我们方便地展开数组或对象。例如，在函数调用时，可以使用展开语法将数组元素作为单独参数传递。同时，文章还讨论了剩余参数，它能将多个参数收集为一个数组。剩余参数与展开语法相反，常用于不定数量参数的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

就是"...array"，把array拆开用逗号间隔。

例子：

const log = console.log;

let ps = "heklelkwe";

function spread(p) {
    log("spread ", ...p);
}

spread(ps);

结果：

$ node for.js
spread  h e k l e l k w e

例子：

function* ge() {
    yield 8;
    yield 10;
    yield 12;
}

console.log("gen = ", [...ge()]); //gen =  [ 8, 10, 12 ]

参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax

展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。(译者注: 字面量一般指 [1, 2, 3] 或者 {name: "mdn"} 这种简洁的构造方式)

例子：

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// expected output: 6

console.log(sum.apply(null, numbers));
// expected output: 6