美文网首页
一道关于this的指向问题,有点意思,记录一下

一道关于this的指向问题,有点意思,记录一下

作者: 十八岁的天空_b2de | 来源:发表于2019-05-23 16:41 被阅读0次

题目是这样子的

var length = 10;
function fn() {
    console.log(this.length);
}
var obj = {
    length: 5,
    method: function(fn) {
        fn();
        arguments[0]();
    }
}
obj.method(fn, 1);
// 输出的是10 和 2

如果题目改为这样子写


var length = 10;
function fn() {
    console.log(this.length);
}
 
var obj = {
  length: 5,
  method: function() {
    fn.call(this);
  }
};
 
obj.method();

// 输出 5

在调用fn这个方法前加个call改变this的指向,这时候this就指向了obj,就输出obj里面的length;此时这个问题就需要回到那句"this永远指向调用他的对象"话了,在执行obj.method()方法时,如果函数内部有this,则this确实是指向obj,但是method()内部执行的是fn()函数,而fn()函数绑定的对象是window,即window.fn(),所以输出的是10。

然后别忘了全局函数fn同时也属于arguments数组中的一员,即当作为arguments成员之一调用的时候,其作用域就绑定到了arguments上,this也就是指向了arguments对象,所以arguments[0]()这段代码调用了身为成员的fn()函数,this.length就等于是arguments.length,又因为method传入的参数为2个,所以最后输出2。

相关文章

网友评论

      本文标题:一道关于this的指向问题,有点意思,记录一下

      本文链接:https://www.haomeiwen.com/subject/rcsbzqtx.html