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;