call第一个参数的this问题

快乐小飞侠
  • 11
  let a = {
      b: {
        box: function () {
          console.log(this);
        }
      }
    }
    a.b.box()
    a.b.box.call(this)

第一个this指向b
第二个this应该也是动态的 为啥就指向window了?

回复
阅读 625
3 个回答

call会改变函数调用中的this指向为第一个参数

因为你在全局调用的a.b.box.call,全局的this指向window

你运行一下这段代码应该就明白了, 第二个打印的this, 你本来就是在window里call的, 当然是window了。

let a = {
      b: {
        box: function (a) {
          console.log(a, this);
        }
      }
    }
    a.b.box(1)
    a.b.box.call(this, 2)

你不明白的话再给你看个例子

let a = {
      b: {
        box: function () {
          console.log(this);
        }
      }
    }
    a.b.box()
let func = a.b.box
func() // 打印出来依然是window

同样的一个函数, 执行a.b.box() 的this是a.b
执行func()的this是window
所以,this是和执行环境相关的。
func()实际相当于是 window.func() 是在window下执行的,所以this是window
a.b.box()是在a.b下执行的,所以this是a.b

let a = {
    b: {
        box: function () {
            console.log(this);
        }
    }
};
a.b.box();

console.log(this);  // 加这一句试试
a.b.box.call(this);

this 在不同的环境有不同的指向,推荐阅读:JavaScript 的 this 指向问题深度解析

你知道吗?

宣传栏