读阮一峰的this原理

为什么同一个函数运行时，结果不一样？

obj.foo()在obj环境中执行，

foo()函数在全局环境中执行

解释原理， 理解this作用

二、内存的数据结构 《=》 地址

{a:1,b:2} -> HashMap

JavaScript语言之所以有this的设计， 跟内存里面的数据有关系

跟传统语言的this不一样 面向对象中

var obj = {foo: 3};

右边先执行 生成一个对象， 存储在内存中，地址给obj

引用是通过地址发生的

obj.foo的过程

引擎chrome v8 先从obj 拿到内存地址， 从改地址取出原始的对象，

返回foo属性

三、函数

属性的值 可能是一个函数

就要再往下指了

引擎 chrome v8 给函数单独的分配内存，将地址给foo属性

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

var f = function () {}
var obj = {f:f};
// 单独运行
f()

// obj 环境运行
obj.f()

需要一个this来决定当前的上下文

四、环境变量

为什么要有上下文环境？

JS在函数体内部，引用当前环境的其他变量

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

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

函数是一个吃着碗里的看着锅里的家伙。

如果要去访问到其他的环境里的变量时，可以通过this来表示当前的上下文环境。