题目如下:
var length = 10;
function fn() {
console.log(this.length)
};
var obj = {
length: 5,
method: function (fn) {
fn();
arguments[0]();
fn.call(obj, 12);
}
};
obj.method(fn, 1);
我的解读如下:
obj.method(fn, 1); 这一段其实是method作为obj的方法调用,this隐式绑定到obj上。执行的是
{
// 此次调用的this指向obj,arguments为function () { console.log(this.length) }, 1
fn();
arguments[0]();
fn.call(obj, 12);
}
这三条语句。
第一个fn是打印出this.length,以我的理解,this在调用时确定指向,在method函数内这里的this隐式绑定到obj上,结果是打印出5;
第二条语句其实还是fn,但是this绑定谁我不知道,所以结果我也不知道;
第三条语句的this绑定给obj,后面的12是fn的参数没有用,所以打印出5;
结果我的分析只有最后一个答案是正确的,求解惑。
this只需要看执行的时候,其他的地方都不要看。
fn()
不属于任何对象,没使用call,直接调用,this是window(浏览器下),所以是length=10;var arr = [function(){console.log(this.length)];arr[0]()
,它其实属于这种调用方式arguments.0()
(当然这么写是不对的),所以this是arguments
,而arguments长度就是你传入的参数的个数2。fn.call(obj, 12);
这个就不用说了,this就是obj,length=5举个例子
这个你可能会问,函数不是属于arr的么,为什么是10?
只与调用时有关
fun()直接调用的,就是window补充下箭头函数的吧
你可以再看看这个
箭头函数没有自己的this,只会就近(这个就近是声明位置的就近)取,所以一直是window。