JavaScript真正的this指向原理

JavaScript函数是一个单独的值，它能够在不一样的环境（上下文）中执行，同时JavaScript 容许在函数体内部，引用当前环境的其余变量。

为了可以在函数体内部得到当前的运行环境（context）。因此，this就出现了，它的设计目的就是在函数体内部，指代函数当前的运行环境。

在JavaScript语言中，this的设计跟内存的数据结构有关。基本数据类型是按值访问的，引用类型存储在内存中。

好比：

var outer={
   fn:function(){console.log(this.x)},
   x:2
 }
 var x=1;
 var runFn=outer.fn;
 
 outer.fn() //2
 runFn() //1

上面的代码中，将一个对象赋值给变量outer，JavaScript引擎会先在内存中生成对象{fu:function(){},x:2}，而后把对象的内存地址赋值给变量outer。

也就是说，变量outer 保存的是一个地址。后面若是要读取outer.fn，引擎先从outer拿到内存地址，而后再从该地址读出原始的对象。

而后原始对象根据fn属性值，然而fn的属性值是一个函数，这时JavaScript引擎将函数单独保存在内存中，而后将函数的内存地址赋值给fn属性的 value 属性。

而后获取函数的地址内存地址，outer.fn()函数运行后，其函数内部上下文（context）指向的就是原始对象环境，即his指向outer,返回outer的x属性值。

outer.fn()是经过outer找到fn，因此就是在outer环境执行。一旦var runFn = outer.fn，变量runFn就直接指向函数自己，因此runFn()就变成在全局环境执行。