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

 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的属性

时间: 2024-10-27 17:07:38

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

关于JS的原型链和作用域链

最近在看<Javascript高级程序设计第三版>,用了两周把前七章磕磕绊绊的读完了,也阅读了许多大牛们写的博客,对JS的理解有了很大的提高,不过要将这么多的知识全部融会贯通还有还需要多多练习,加深自己的理解,今天就将自己迷糊的几个地方列出来写写自己的理解,新手小白,如有错误欢迎大家指正(: 1.原型链和作用域链的概念模糊 这个问题可能有人觉得很无厘头,不过确实在我学习过程中突然出现而且让我产生很大的困扰,觉得是不是之前自己的理解就出现很大的问题.出现这个问题的原因是第七章函数表达式,原先在单

原型链和作用域链

一.原型链: 1.原型对象: 每一个构造函数都有一个prototype属性,这个属性就叫原型对象. 每一个构造函数new出来的对象都有一个--proto--属性,这个属性指向原型对象. <script> function Car(){ //实例属性: //this.produce = 'chevrolet', this.price = 8800000; } //原型属性: Car.prototype.produce = "BMW"; var chevrolet = new

JavaScript原型链与作用域链

layout: 'page' title: '原型链与作用域链' date: 2019-09-30 15:38:38 tags: JAVASCRIPT categories: JAVASCRIPT 原型 所有函数自带一个属性:prototype,属性值是一个对象,存储供实例调用的公共方法 这个对象自带属性constructor,属性值是函数本身 每个对象自带_ _proto__的属性,这个属性指向当前实例所属类的prototype(如果不能确定他是谁的实例,都是Object的实例) 原型链 如果

2. 原型链_作用域链_预处理_预解析

1. 谈谈原型 能够实现继承,对象查找属性的规则 实例对象的隐式原型的值 为其 对应构造函数的 显式原型的值 prototype 显示原型属性 所有函数都有显示原型属性 __proto__ 隐式原型属性 所有实例对象都有隐式原型属性 所有函数都是 Function 的实例 Function 是通过 new 自己产生的实例 2. 谈谈原型 由多个隐式原型属性构成的链状结构就是原型链 作用: 用来查找对象的 属性/方法 先自身找,找不到再去 __proto__ 找,最终找到 Object.proto

原型及原型链及作用域链

原型:所有的函数都有一个特殊的属性prototype(原型),prototype属性是一个指针,指向的是一个对象(原型对象),原型对象中的方法和属性都可以被函数的实例所共享.所谓的函数实例是指以函数作为构造函数创建的对象,这些对象实例都可以共享构造函数的原型的方法. 原型链:原型链是用于查找引用类型(对象)的属性,查找属性会沿着原型链依次进行,如果找到该属性会停止搜索并做相应的操作,否则将会沿着原型链依次查找直到结尾.常见的应用是用在创建对象和继承中. 例子: 解析: 函数Person中有一个原

JS详细图解作用域链与闭包

JS详细图解作用域链与闭包 攻克闭包难题 初学JavaScript的时候,我在学习闭包上,走了很多弯路.而这次重新回过头来对基础知识进行梳理,要讲清楚闭包,也是一个非常大的挑战. 闭包有多重要?如果你是初入前端的朋友,我没有办法直观的告诉你闭包在实际开发中的无处不在,但是我可以告诉你,前端面试,必问闭包.面试官们常常用对闭包的了解程度来判定面试者的基础水平,保守估计,10个前端面试者,至少5个都死在闭包上. 可是为什么,闭包如此重要,还是有那么多人没有搞清楚呢?是因为大家不愿意学习吗?还真不是,

从作用域链谈闭包

闭包(closure)是Javascript语言的一个难点,也是它的特色.非常多高级应用都要依靠闭包实现. 神马是闭包 关于闭包的概念,是婆说婆有理. 因而,我就翻阅了红皮书(p178)上对于闭包的陈述: 闭包是指有权訪问另外一个函数作用域中的变量的函数 这概念有点绕,拆分一下.从概念上说,闭包有两个特点: 1.函数 2.能訪问另外一个函数作用域中的变量 在ES 6之前,Javascript仅仅有函数作用域的概念.没有块级作用域(但catch捕获的异常 仅仅能在catch块中訪问)的概念(IIF

JavaScript深入之作用域链(转)

前言 在<JavaScript深入之执行上下文栈>中讲到,当JavaScript代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context). 对于每个执行上下文,都有三个重要属性: 变量对象(Variable object,VO) 作用域链(Scope chain) this 今天重点讲讲作用域链. 作用域链 在<JavaScript深入之变量对象>中讲到,当查找变量的时候,会先从当前上下文的变量对象中查找,如果没有找到

关于Javascript作用域及作用域链的总结

本文是根据以下文章以及<Javascript高级程序设计(第三版)>第四章相关内容总结的. 1.Javascript作用域原理,地址:http://www.laruence.com/2009/05/28/863.html 2.JavaScript 开发进阶:理解 JavaScript 作用域和作用域链,地址:http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html 在介绍有关作用域的内容之前,先来介绍