读阮一峰JavaScript的This原理

一、为什么同一个函数运行时，结果不一样
obj.foo()在obj环境中执行，foo()在全局环境中执行，要解释原理，就要理解this的作用。

二、 内存的数据 结构 《=》 地址
{a:1, b:2} => HashMap
JavaScript语言之所以有this的设计，跟内存里的数据有关系。
跟传统语言的this不一样，面向对象中

var obj = {foo: 5};

右边先执行，生成一个对象，存储在内存中，地址给obj。
引用是通过引用地址来发生的。
obj.foo的过程：
引擎chrome v8 先从obj拿到内存地址，然后从该地址中读取原始的对象，再从这个对象中取到foo属性来返回foo属性，

三、函数
属性的值，可能是一个函数，当是函数时，就要再往下指了。
引擎chrome v8 会把函数单独的分配内存空间，然后将地址给foo属性的value属性。

函数是一个单独的值，它可以在不同的环境（上下文）中执行。

而函数需要一个this来决定当前的环境（上下文）.

四、环境变量
为什么要有环境（上下文）？
JS在函数体内部，允许引用当前环境中的其他变量。

var f = function () {
  var x =1;
  console.log(x);
};

var obj = {
	x: 1,
	f: function() {
		console.log(x);
		// this可以指定环境（上下文）
	}
}

函数是一个吃着碗里的，看着锅里的家伙，如果要去访问到其他环境（上下文）里的变量时，可以通过this来表示当前的环境（上下文）。