口碑好的盘锦网站建设,双通网络网站建设,培训网站大数据分析,手机网站建设哪家好某次开发中#xff0c;看到项目代码中用到了 rest 这个参数#xff0c;但又没看到在哪里定义或者传入#xff0c;当时没太理解它的意思#xff0c;查了下资料才恍然大悟。含义也很简单#xff0c;写个随笔记录下。 关键字 rest 的用法#xff08;剩余参数#xff09;
在…某次开发中看到项目代码中用到了 rest 这个参数但又没看到在哪里定义或者传入当时没太理解它的意思查了下资料才恍然大悟。含义也很简单写个随笔记录下。 关键字 rest 的用法剩余参数
在 JavaScript 中函数可以接收任意数量的参数。在大部分情况下我们只处理函数的固定数量的参数但有时候我们无法预先知道函数需要接收多少个参数这个时候就可以使用 rest 或者也可以使用 args。
rest 参数是一种特殊类型的参数它允许我们在函数声明中使用省略号…来表示函数可以接收任意数量的参数。
这些参数会被接收到一个数组中同时我们可以在该函数体中使用该数组。
语法如下
function handleSum(...rest) {// ...rest 代表所有传入的参数console.log(rest)
}
handleSum(1, 2, 3) // [1, 2, 3]function handleSum(num, ...rest) {// ...rest 代表所有剩余参数console.log(rest) // [2, 3, 4]console.log(arguments) // [1, 2, 3, 4]
}
handleSum(1, 2, 3, 4) // [2, 3, 4]注意
rest 要与 arguments 做好区分。
rest 关键字 指的是剩余参数
arguments 指的是全部参数
其他用法
rest 关键字不止可以用在 函数 的传参中也可以用于变量中
数组的使用方式
const arr [1, 2, 3, 4, 5]const [a, b, ...rest] arrconsole.log(a) // 1
console.log(b) // 2
console.log(rest) // [3, 4, 5]对象的使用方式
const obj {name: 张三,age: 18,sex: 未知
}const { name, ...rest } obj
console.log(name) // 张三
console.log(rest) // { age: 18, sex: 未知}再次注意
rest 语法只能写在最后面比较人家的定位就是剩余的未知参数再在人家屁股后面跟一个已知的参数太打人家脸了。rest 关键字的用法虽然是这个但我们可以使用它的隐藏功能比如可以将字符串转数组、对象复制、数组复制等功能。
当我们了解完这些后在看项目中的代码就洞若观火一目了然。
