arguments，reduce()，...args剩余参数

arguments

在调用函数时，浏览器每次都会传递两个隐含的参数：

1.函数的上下文对象this

2.封装实参的对象 arguments

-arguments是一个类数组对象，他可以通过索引来操作数据，也可以获取长度。

-在调用函数时，我们传递的实参都会在arguments中保存。

-arguments.length可以获取实参的长度，即使不定义形参，也可以通过arguments[i] 取出实参。

-arguments 中有一个属性callee，这个属性对应一个函数对象，就是当前指向函数的对象。

function fun(){  console.log(arguments.callee == fun) //true   }

Array.reduce()学习

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

语法 ： array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

两个参数，第一个参数为对数组每个元素处理的回调方法，第二个参数可选，为reduce的初始值，如果没有设置初始值，则使用数组第一个元素。（注意：在对没有设置初始值的空数组调用reduce方法时会报错。）

function(total,currentValue, index,arr)	必需。用于执行每个数组元素的函数。 函数参数: 参数 描述 total 必需。初始值, 或者计算结束后的返回值。 currentValue 必需。当前元素 currentIndex 可选。当前元素的索引 arr 可选。当前元素所属的数组对象。
initialValue	可选。传递给函数的初始值

var arr = [1, 2, 3];
function getSum(total, num){
    return total + num;
}
var sum = arr.reduce(getSum); // reduce后的括号中须为一个函数，函数至少有2个参数(总计,当前值)
console.log(sum); // 6

...args剩余参数用法

如果函数的最后一个命名参数以…为前缀，则它将成为一个数组（如...Args），其中从0（包括）到Args.length（排除）的元素由传递给函数的实际参数提供。

function sum(...Args){
   return Args.reduce((total,current)=>{
       return total+current;
   });
}
console.log(sum(1,2,4)); // 7

剩余参数和 arguments对象的区别

剩余参数和 arguments对象之间的区别主要有三个：

• 剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参。
• arguments对象不是一个真正的数组，而剩余参数是真正的 Array实例，也就是说你能够在它上面直接使用所有的数组方法，比如 sort，map，forEach或pop。
• arguments对象还有一些附加的属性 （如callee属性）