`
libmw
  • 浏览: 6753 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
最近访客 更多访客>>
社区版块
存档分类
最新评论

悲催的this悲催的new

 
阅读更多
今天才发现,原来我对this的理解竟然如此模糊,原来我对new的了解也没有那么多。。
伤心 

早晨无意中写了一段代码:
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);
}

输出:
ReferenceError: a is not defined
100
100

最开始一直没想通,凭啥第一次new访问不到a,而执行了test函数后就可以访问a了呢?
this.a是给function加属性,不应该影响全局变量啊。
后来把这段代码贴到部门群里面,很快就北京chao君鄙视了。。伤心。。
超君说了几个关键字,new的原理、作用域、全局变量
我还是没有搞懂,我知道是这些东西没弄明白,但是我不知道到底关键再哪里。
chaojun又说 第一次new a没值,第二次给全局a赋值  第三次当然就可以取值了
什么?第二次的a是全局的?
我想了一下,再加上另外两个同事的提醒,突然恍然大悟
function test(){}运行在window域中不就相当于window.test = function(){}么?
顿时恍然大悟,自己竟然连这个最基本的东西都没搞清楚。。
悲哀呀  

其实this到底instanceof谁,得看func被怎么调用,全局域下执行test就相当于
test.call(window)所以this当然指向全局域了。
而new的时候之所以会报错,是因为在new test的时候会用一个临时对象来call test,此时的console.log(a),访问的a是全局的a,因为在tst里面没有申明过a。所以访问不到,而我们执行了test后,通过this.a给a赋值,当然第二次new test的时候就能访问到a了。

看起来很简单,不过真正要领会到,以我这种智商,还真不知道行不行。。
 
0
2
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics