浅谈JavaScript里的“this”

刚毕业参加工作不久，带着一身并不扎实、半道出家的程序员功底，进了一家不那么像互联网企业的企业。现在还处于学习期，前后端都得会，最近学了以前没接触过的JavaScript，发现this用的挺普遍的，略作总结，当做笔记。

初看到this的时候，以我惯常的思维来看，觉得没什么大不了的，不就是作用域吗？这种说法大体上可以说是对的，this就是一个指代当前运行环境的量。不过这样似乎没怎么解释清楚，还是举例比较直观。

var obj = {

foo:function(){ console.log(this.x) },

x : 1};

var foo = obj.foo;

var x = 2;

obj.foo();//输出为1

foo();//输出为2

这段简单代码两个不同的输出结果，就是因为使用了this。obj.foo()调用内部的foo函数，this指代的便是obj内的局部环境；直接使用foo()，那么此时的运行环境则是全局。造成这种差异的根本原因，是JavaScript内存的数据结构，借用如下的两张图（图片是之前在别处看到过保存下来的，但找不到来源了……），就可以很形象直观地解释清楚了。