问题的由来

let obj = {
	foo: function () {}
};
let foo = obj.foo;

// 写法一
obj.foo();

// 写法二
foo();

在此代码中，虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样：

let obj = {
    foo: function () {
        console.log(this.bar)
    },
    bar: 1
};
let foo = obj.foo;
let bar = 2;

obj.foo(); // 1

foo(); // 2

这种差异的原因，就在于函数体内部调用了this关键字。

很多教科书会告诉你，this指的是函数运行时所在的环境， 对于obj.foo来说，foo运行在obj环境，所以this指向obj；

对于foo()来说，foo运行在全局环境，所以this指向全局环境。

所以，两者的运行结果不一样。

但是，为什么会这样？为什么obj.foo就是在obj环境执行，而一旦let foo = obj.foo，foo()就变成全局环境执行？

内存的数据结构

JavaScript之所以有this的设计，跟内存里面的数据结构有关系。

let obj = { foo: 5 };

此代码将一个对象赋值给obj，JavaScript引擎会先在内存里面，生成一个对象{ foo: 5 }，然后把这个对象的内存地址赋值给变量obj。

也就是说，变量obj是一个地址。后面要读取obj.foo，引擎先从obj拿到内存地址，然后再从该地址读出原始的对象，返回它的foo属性。

或者说，当前函数体内的this，谁调用了就指向谁