文章目錄

关于JS函数的多参数处理

我们先来看个例子(提供:Mephisto)

1
2
3
4
5
6
7
8
9
10
11
12
//模长计算公式
function mag(){
var arg = Array.prototype.slice.call(arguments)
var mag = 0
for(var i=0; arg[i] !== undefined ;i++)
if (typeof arg[i] !== "number"){
mag += arg[i]*arg[i]
} else break
return Math.sqrt(mag)
}
//使用
mag(3, 4, 12) //13

当初为了理解这个函数,我写了一个例子

1
2
3
4
5
6
7
function fun1(){
return arguments
}
function fun2(){
return Array.prototype.slice.call(arguments)
}

方便起见,写两个例子

1
2
3
4
5
6
7
function ins1(){
fun1(undefined, 2, "3")
}
function ins2(){
fun2(undefined, 2, "3")
}

重头戏开始!
当我传入相同参数的时候,发生了这样的现象:

1
2
ins1() //[undefined, 2, "3"]
ins2() //[undefined, 2, "3"]

靠,那为啥不直接使用arguments呢,不理解

随即测试

1
2
typeof ins1() //"object"
typeof ins2() //"object"

这自然,数组本身也是对象

略微思考了一会,然后测试

1
2
ins1() instanceof Array //false
ins2() instanceof Array //true

到这里我马上明白,经过Array.prototype.slice.call处理带有length属性的对象之后,会返回一个数组的实例,这样就可以调用原本没有的Array的方法了,类似的String.prototype.slice.call同理。

另外,就上面最初的那个函数而言,使用arguments也没问题,大丈夫萌大奶。

BTW,Function.prototype.call方法理解起来实在太抽象,实质是改变this指向的对象,我每次看到都会慌慌的,dokidoki。

文章目錄