关于js中原型链的理解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js中原型链的理解相关的知识,希望对你有一定的参考价值。

     我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,一个对象。无论什么时候,我们只要创建一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性对象指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个 constroctor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。例如:

      

function Person(){}

    当我们创建这个Person函数(对象)的时候,该函数便有了一个prototype属性,它的原型对象Person.prototype会获得一个constroctor属性,那么Person.prototype.constroctor便指向了Person。更直白一点讲就是,如果我们再此基础上再加一句

var p=new Preson();

  那么,p的原型就会指向构造器的prototype属性,也就是Person.prototype。

    那么,原型链具体的工作机制是什么?请看下面这个例子

function foo(){}
foo.prototype.z=3;

var obj=new foo();
obj.y=2;
obj.x=1;

obj.x;//1
obj.y;//2
obj.z;//3

typeof obj.toString();//‘function‘
‘z‘ in obj;//true
obj.hasOwnProperty(‘z‘);//false

技术分享     

  当输出obj.z的时候,并不会因为obj对象没有z属性而输出undefied,而是查找obj的原型也就是foo.prototype,这是js发现z的值是3,所以就会输出obj.z的值为3.

 实际上,我们用对象字面量创建的函数对象,其原型obj.prototype会指向Object.prototype,而Object.prototype也是由原型的,其值是null,这是上就是一个

 原型链,而这也是  typeof obj.toString(); 为function的原因,因为沿着原型链向上查找,便找到了object中的toString方法。

 

     

以上是关于关于js中原型链的理解的主要内容,如果未能解决你的问题,请参考以下文章

JS中原型链的理解

JS中原型链的理解

前端基本知识:JS的原型链的理解

前端基本知识:JS的原始链的理解

js之原型链的理解

js原型链和继承的理解