JavaScript中this关键字原理

先来看一个例子：

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

var foo = obj.foo;
var bar = 2;

obj.foo() // 1
foo() // 2

造成这种差异的原因就是函数体内部使用了this关键字，需要明确的是代码中this指的是函数运行时所在的环境。

为啥会是这样呢？下面将详细剖析。

JS会将函数单独保存在内存中，JavaScript 还允许在函数体内部，引用当前环境的其他变量。

因此，上面代码函数f在全局环境执行，this.x指向全局环境的x。在obj环境执行，this.x指向obj.x。