`
ttsiangogole
  • 浏览: 72196 次
文章分类
社区版块
存档分类
最新评论

悲催的this悲催的new

阅读更多

    今天才发现,原来我对this的理解竟然如此模糊,原来我对new的了解也没有那么多。。 <br />伤心<img src="/images/smiles/icon_cry.gif"/>&nbsp;<img src="/images/smiles/icon_cry.gif"/> <br /> <br />早晨无意中写了一段代码: <br /><pre name="code" class="javascript">
function test(){
this.a=100;
console.log(a);
}
try{
new test();
}catch(e){
console.log(e);
}

try{
test();
}catch(e){
console.log(e);
}

try{
new test();
}catch(e){
console.log(e);
}
</pre> <br />输出: <br />ReferenceError: a is not defined <br />100 <br />100 <br /> <br />最开始一直没想通,凭啥第一次new访问不到a,而执行了test函数后就可以访问a了呢? <br />this.a是给function加属性,不应该影响全局变量啊。 <br />后来把这段代码贴到部门群里面,很快就北京chao君鄙视了。。伤心。。 <br />超君说了几个关键字,new的原理、作用域、全局变量 <br />我还是没有搞懂,我知道是这些东西没弄明白,但是我不知道到底关键再哪里。 <br />chaojun又说 第一次new a没值,第二次给全局a赋值&nbsp; 第三次当然就可以取值了 <br />什么?第二次的a是全局的? <br />我想了一下,再加上另外两个同事的提醒,突然恍然大悟 <br />function test(){}运行在window域中不就相当于window.test = function(){}么? <br />顿时恍然大悟,自己竟然连这个最基本的东西都没搞清楚。。 <br />悲哀呀&nbsp;<img src="/images/smiles/icon_cry.gif"/>&nbsp;<img src="/images/smiles/icon_cry.gif"/> <br /> <br />其实this到底instanceof谁,得看func被怎么调用,全局域下执行test就相当于 <br />test.call(window)所以this当然指向全局域了。 <br />而new的时候之所以会报错,是因为在new test的时候会用一个临时对象来call test,此时的console.log(a),访问的a是全局的a,因为在tst里面没有申明过a。所以访问不到,而我们执行了test后,通过this.a给a赋值,当然第二次new test的时候就能访问到a了。 <br /> <br />看起来很简单,不过真正要领会到,以我这种智商,还真不知道行不行。。 <br /><img src="/images/smiles/icon_cry.gif"/>&nbsp;<img src="/images/smiles/icon_cry.gif"/>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics