JavaScript（JS）在网页开发中扮演什么角色？

本文共计1217个文字，预计阅读时间需要5分钟。

一、扩展运算符+扩展运算符是三个点...，允许将一个表达式展开为用逗号分隔的参数序列。当需要将一个表达式展开为多个参数（如函数调用时）或将多个值展开为一个序列（如数组）时，扩展运算符非常有用。

例如代码如下：javascriptconst arr=[1, 2, 3];function sum(...args) { return args.reduce((a, b)=> a + b, 0);}

console.log(sum(...arr)); // 输出：6

一、扩展运算符

扩展运算符是三个点... , 允许将一个表达式原地展开，当需要多个参数(比如函数的调用时) 或者多个值(比如数组)它会将其转为用逗号分隔的参数序列。

示例代码如下所示：

// 定义一个数组 let arr = [1, 2, 3, 4, 5, 6] // 使用 ... 扩展运算符展开 console.log(...arr); // 1 2 3 4 5 6 // 定义一个函数 function fun(...item) { console.log(...item); } // 调用函数 fun(1, 2, 3, 4, 5, 6) // 1 2 3 4 5 6 // 与表达式配合使用 let x = 10 arr = [ ...(x > 0 ? ['a'] : []), 'b', ]; console.log(...arr); //a b

二、替代apply()方法

由于扩展运算符可以展开数组，所以不再需要apply方法，将数组转为函数的参数了。