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

关于prototype属性的理解

时间:2016-01-29 11:54:19      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:

      众所周知,prototype是一个属性对象,只要创建一个新函数,就会根据特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。

      需要注意的是,prototype是一个对象,他具体的内部结构是这样的:

     

//创建一个原型对象
function Foo(){};
console.log(typeof Foo.prototype);  // ‘object‘
Foo.prototype.x=1;
Foo.prototype.show=function(){
alert(this.name);
}
//则其内部结构 Foo.prototype { constructor:Foo, _proto_:Object.prototype,
show:function()... x:
1; }

   根据其内部结构我们再来看最上面的一句话,每个由原型对象创建的对象实例,都会有一个prototype属性,其指向原型对象的prototype属性。原型对象都会自动获得一个constructor属性,这个属性包含一个指向prototype属性所在函数的指针,即在这里的 Foo.prototype.constructor指向Foo.

   接下来我们在定义这样一段代码

var foo=new Foo();
foo.name="小明";
//通过上面的说明,我们可以知道foo.prototype的内部结构
foo.prototype
{
       constructor:foo,
       _proto_:Foo.prototype,

}
foo.show(); //小明

 这里,之所以foo对象实例能够调用show()方法的原因就是:js引擎在foo对象中没有找到show()方法,便通过其prototype属性对象中的_proto_属性向上找到Foo.prototype属性里面的show()方法,来完成调用。

关于prototype属性的理解

标签:

原文地址:http://www.cnblogs.com/qqqiangqiang/p/5168083.html

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