var length = 10 function fn(){ alert(this.length) } var obj = { length: 5, method: function(fn) { fn() // ? arguments[0]() // ? } } obj.method(fn)
这是今天在群里看到的一个题目,很多人来作答,但是大家一开始都答错了,什么答案都有。
我先来公布一下正确答案:10,1
然后我来解释一下为什么:
首先定义了一个var length=10;这没什么好说的
然后声明一个函数function fn(){ alert(this) alert(this.length) }
在这一步你执行fn()会弹出10,因为length是定义在window下,fn也是在window下调用,this指向window;
然后是定义一个对象:var obj = { length: 5, method: function(fn) { fn() // ? arguments[0]() // ? } }
对象里也有一个length属性和一个method的方法:
最后调用了对象下的method的方法;
首先会跑function(fn) { fn() // ? }我们看到fn被作为参数传递进来,然后执行fn(),那么在执行fn()的时候,就是执行的外面的fn而外面的fn是在window下的,this是指向window,他自然也只能找到window下的length属性;找不到obj下的length
然后跑function(fn) {arguments[0]() // ? }我们看到fn被作为参数传递进来,然后执行这个参数,这是的this指向的是这个参数,那么参数的length为1,结果就是1
如果你加一个参数obj.method(fn,“heihei”)这样第二次的结果就是2了,
如果你还不是很理解那么在fn函数里alert(this)一下,或许就能明白了
以上为个人理解,如有纰漏或错误忘留言指正。