javascript 浅谈this关键字原理

不了解Js 内存管理机制的web开发，不是一个好android.........

This出现目的就是在函数体内部，指代函数当前的运行环境。

想彻底搞清this，必须了解Js 内存的数据结构管理机制，否则很吃力！下面会使用部分图片来表示内存的数据机构！

当属性是非函数：

var obj = { foo:  5 };

 

ojb对象包括的属性foo在内存里面共同分得一块位置，操作obj对象时候是通过引用指向内存位置找到数据在进行操作。

当属性是函数：

var obj = { foo: function () {} };

对象obj和里面的foo函数会相互单独分的一块内存，可以理解为分成了两块内存，一块内存是obj对象其他属性，一块是obj对象的函数foo内存。两个内存会通过引用指向到obj在内存里面的数据。既然是这样，那么属性foo函数也就是直接被丢到了Js内存里面，只不过通过引用关系可以指向obj，但是这样的话foo函数同时也可以被其对象操作，只要这个其他对象也满足引用关系，就可以来调用js内存里面的foo函数即使他现在属于obj。

来个例子：

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

var x = 1;
var obj = {
  f: f,
  x: 2,
};

// 单独执行
f() // 1

// obj 环境执行
obj.f() // 2

如果没看懂，仔细看下面的分析图...我也是偷某位技术大牛来的图片......图上的解释还是比较清晰的，如果不懂多想想js内存机制就明白了.....