剖析原理：JS基础篇——arguments

JS基础篇——函数规则

一、函数中实参传入时的隐藏小家伙：

arguments(实参列表)

function sum(a) {
//arguments -----[10,20,30]
console.log(a);            //10
console.log(arguments);   //Arguments(3) [10, 20, 30, callee: ƒ, Symbol(Symbol.iterator): ƒ]
}
sum(10,20,30);

虽然形参只有a，只能打印出a,但是在实参其实完整的进入到函数里面，并且存储到了 argments这个类数组（暂且这么称呼它）；打印出来你有惊喜的。

二、衍生用法：求所有数的和

function sum() {
	var addSum = 0;
	for (var i = 0;i < arguments.length;i++) {
		addSum += arguments[i];
	}
	console.log(addSum);   //280
}
sum(10,20,30,98,56,66);

这个时候我们就可以不定义形参，方便调用，不管用户在sum里面输入多少个数据，都可以计算出来。

三、剖深层来讲

function sum(a,b) {
	// 此时状态是：arguments存了值arguments [1,2]，a还是形参变量var a = 1      
	a = 2 ;   // 如果改变了 形参变量a的值呢 ？arguments [0]会不会变化？
	console.log(arguments [0]);   //2
}
sum(10,20,30,98,56,66);

此时我们发现arguments [0]跟随了形参a变成了 2。

function sum(a,b) {
	// 此时状态是：arguments存了值arguments [1,2]，a还是形参变量var a = 1      
	a = 2 ;   
	arguments [0] = 3; // 反过来改变了 arguments [0]的值呢 ？形参变量a会不会变化？
	console.log(a);   //3
}
sum(10,20,30,98,56,66);

答案是会变化，形参a跟随了arguments [0]变成了 3。

注意点：
1.千万不要以为是因为指向地址的原因，其实是形参跟arguments是因为系统的一个规则：映射；
2.必须形参跟实参同时才在才有映射规则，例如：有实参a跟b，而形参只有a，此时函数内不管b怎么改变值，arguments [1] 都是undefined；