普通函数和箭头函数都能传入...args参数 将传入的参数变为一个数组
function fn01(...args) {//将实参列表变成一个数组传进来
console.log(args);
}
fn01(12, 3, 4, 3, 45, 43, 5)
let fn02 = (...args) => {
console.log(args);
}
fn02(345, 4, 6546, 6, 5, 7, 65)
调用函数时传入...+一个数组 能将这个实参变为逗号分隔的多个参数!!!而不是仅仅一个数组!!!!!!
function fn03() {
console.log(arguments);
}
//以下传入的是一个数组
fn03(['paprika', 'firefox', 'white white'])
//以下传入的是三个参数!!!!!!!
fn03(...['paprika', 'firefox', 'white white'])
事实上 '...'+一个数组就是将数组变成多个分开的常量!!
...[213,24,3,543543] 就相当于 213,24 ,3,543543
所以
const a = [...[123,56,34],...[765,543,32]]
//相当于concat函数的作用 将两个数组连接起来!!!!
'...'甚至能将伪数组也变成逗号相隔的形式
如下:
有三个div querySelectorAll()得到三个值的伪数组 NodeList(3)
而通过...divs 能将伪数组转为真数组!!!