码迷,mamicode.com
首页 > 其他好文 > 详细

关于原型链和作用域链的终点问题

时间:2014-10-29 18:40:14      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   java   for   sp   div   

 1 <script language="javascript" type="text/javascript"> 
 2 function A(){
 3     this.a=11;
 4     this.getA=function(){
 5         return this.a;
 6     }
 7 }
 8 A.prototype.b=33;
 9 Object.prototype.b=22;
10 var k=new A()
11 alert(k.b);//33;
12 </script>            
 1 <script language="javascript" type="text/javascript"> 
 2 function A(){
 3     this.a=11;
 4     this.getA=function(){
 5         return this.a;
 6     }
 7 } 8 Object.prototype.b=22;
 9 var k=new A()
10 alert(k.b);//22
11 </script>

  原型链的终点是Object.prototype,当一个访问一个对象的属性的时候,首先在它的构造函数里面去查询this定义的属性,如果找到相应的属性就立即终止查询,如果没有找到相应的属性,就沿着原型链一层一层的查找直到Object.prototype。例如上面的第一个例子访问对象K的属性b,首先查询构造函数下面的this定义的属性,没找到就到原型属性上去找,结果找到了属性b,这是查询终止而不会到Object.prototype;但是对于第二个例子,在构造函数和对象原型中都没找到,就找到了Object.prototype上,这就是原型链的终点,如果在Object.prototype(原型链的终点)上也没有查询到属性的话就会报错undefined。

  注意一个问题就是原型链上面的属性在用for-in loop的时候也会被循环到,所以要过滤掉原型属性的话可以采用

1 for (var key in obj){
2   if(obj.hasOwnPropoty(key)){//过滤
3     console.log(key+‘:‘+obj[key]);
4   }
5 }

或者:

1 for (var key in obj) {
2    if (Object.prototype.hasOwnProperty.call(obj, key)) { // 过滤
3       console.log(key+":"+obj[key]);
4    }
5 }

 

 1 <script language="javascript" type="text/javascript"> 
 2 var c=1;
 3 (function cc(){
 4     var d=2;
 5     console.log(d);//dd输出2
 6     return {
 7         dd : function(){
 8             var e=3;
 9             console.log(e);//dd输出3
10             console.log(d);//cc输出2
11             console.log(c);//global输出1
12         }    
13     }
14 })().dd();
15 <script>

  作用域链的终点是全局对象window,首先来说在一个作用域里面首先访问的是作用域链的最里层,如上面的例子的dd函数里面的e,如果没有找到就沿着作用域链向外层查询,当然和原型链一样查询到了立即终止查询,直到查询到全局window的属性

关于原型链和作用域链的终点问题

标签:style   blog   io   color   ar   java   for   sp   div   

原文地址:http://www.cnblogs.com/cdwp8/p/4060014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!