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