js中的三个点…

1. 定义

扩展运算符（…）,将一个数组转为用逗号分隔的参数序列

var arr = [1,2,3,4]console.log(...arr) //1 2 3 4

2. 常用位置

1. 作为函数参数调用

function add (a, b){  return a+b}var arg = [12, 45]add(...arg)

2. 某些情况代替apply

function applyFn(){}applyFn.apply(null,[1,2,3])//等价于applyFn(...[1,2,3])

Math.max.apply({},[1,2,3])//等价于Math.max(...[1,2,3])

var a = [1,2]var b = [3,4]Array.prototype.push.apply(a,b)console.log(a)   // 1,2,3,4//等价于a.push(...b)

3. 合并数组

var a = [1,2]var b = [3,4]var c = [...a, ...b]// c = [1,2,3,4]

4. 与解构赋值结合

const [a , ...b] = [1,2,3]// a=1  b=[2,3]const [a, ...b] = []// a=undefined  b=[]const [a, ...b] = ['abc']// a ='abc'  b=[]

扩展运算符只能放在最后一位，放在前面报错[…a,b]这样报错

5. 字符串

[...'abc']// ['a' , 'b' , 'c']

6. dom节点获取

var nodes = document.querySelectorAll('div')var arr = [...nodes]// 这样得到的arr ，就是div节点的数组