读阮一峰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属性

三、函数

属性的值 可能是一个函数

再往下指

引擎 Chrome v8 给函数单独分配空间

将地址给foo属性

函数是一个单独的值（单独分配空间），他可以在不同的环境（上下文）执行

需要一个this来决定当前的环境

四、环境变量

为什么要有上下文环境？

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

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

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

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

如果要去访问到其他环境里的变量时，

可以通过this来表示 当前的上下文环境