JavaScript Arguments and Spread

Arguments

它会回传一个类阵列包含所有你传到函数中的参数

**类阵列(Array-like):跟Array很像，但只有阵列的length属性和通过索引获取元素的方法，如果是forEach()，map(), push(), splice() 等都不行用。(不过它可以被转成真的阵列)

EX:

function family(Dad,Mom,child){
console.log(arguments);
console.log('长度: '+arguments.length);
}

family('阿华','小芬','小小');
//Arguments(3) ['阿华', '小芬', '小小', callee: ƒ, Symbol(Symbol.iterator): ƒ]
//长度:3

Spread 展开运算符

这是将一个阵列展开成个别值的一个速写语法
语法: ...阵列名

没有用Spread时
EX:

var zoo=['fish','bear','cow'];
console.log(['tiger','monkey',zoo]);
//(3) ['tiger', 'monkey', Array(3)]

注意上面的zoo里面的项目都还包在阵列里面

EX:

var zoo=['fish','bear','cow'];
console.log(['tiger','monkey',...zoo]);
//['tiger', 'monkey', 'fish', 'bear', 'cow']

上面的zoo阵列每个值都被展开了

挺好用的，这种语法也能用在函数的传值上
EX:

var zoo=['fish','bear','cow'];

function callZoo (a,b,c){
console.log('动物园里有: '+a+'、 '+b+'、 '+c);
}
callZoo(...zoo);
//动物园里有: fish、 bear、 cow

参考文章:
MDN arguments
javascript的arguments详解
展开运算符与其余运算符