2021.06.22（JavaScript中的this理解）

标签：数据结构   有关   style   code   函数   var   xxxx   结构   它的   

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

obj.foo()和foo() 是同一个函数，为什么输出结果不一样呢？
因为函数的运行环境不一样。obj.foo()函数运行在obj内部，foo()函数运行在全局，在obj内部，bar的值是1，全局bar的值是2

内存的数据结构

• JavaScript 语言之所以有this的设计，跟内存里面的数据结构有关系。
• JavaScript引擎会先在内存里面，生成一个对象，然后把这个对象的内存地址复制给变量。

    var obj = {
        foo : 5 
    }

    foo : {
        value:5,
        xxxx1:true,
        xxxx2:true
    }

    var foo = {
        foo:function () {}
    }
    // foo是个函数 那么foo的value 就不再是个值了 而是内存地址
     foo : {
        value:0X1100001110111 // 内存地址
        xxxx1:true,
        xxxx2:true
     }

由于函数是一个单独的值，所以它可以在不同的环境执行
现在问题就来了，函数可以在不同的运行环境执行，所以需要有一种机制，能够在函数体内部获得当前的运行环境（context）。所以，this就出现了，它的设计目的就是在函数体内部，指在函数当前的运行环境。

2021.06.22（JavaScript中的this理解）

标签：数据结构   有关   style   code   函数   var   xxxx   结构   它的   

原文地址：https://www.cnblogs.com/zhenggc99/p/14918612.html