call第一个参数的this问题

Question

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

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

Answer 1

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

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

Answer 2

你运行一下这段代码应该就明白了， 第二个打印的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

Answer 3

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

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

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