刚毕业参加工作不久,带着一身并不扎实、半道出家的程序员功底,进了一家不那么像互联网企业的企业。现在还处于学习期,前后端都得会,最近学了以前没接触过的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内存的数据结构,借用如下的两张图(图片是之前在别处看到过保存下来的,但找不到来源了……),就可以很形象直观地解释清楚了。

浅谈JavaScript里的“this”

浅谈JavaScript里的“this”

 

 

相关文章: