码迷,mamicode.com
首页 > Web开发 > 详细

js中原型,原型链的学习与认识

时间:2016-05-17 13:41:30      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:原型   原型链   

原型的含义:如果构造器有个原型对象A,则由构造函数创建的实例都必然复制于A。原型也是一个对象,原型可以在运行时获得和改变。可以增加属性到原型上或者删除原型上已经存在的属性。原型对象是用来实现继承的。

2.prototype属性,是每个函数自带的属性,(所有类型的构造函数也是函数),prototype是一个包含constructor属性的Object对象,其中constructor属性保存了指向function的一个引用。

3.prototype上的属性可以被所有实例所共享,是因为每个实例都有一个_proto_属性。

4原型链:Js中的所有对象(undefined,null除外)都有一个内置的[[prototype]](_proto_)属性指向它的“父类”的prototype.把这个有_proto_串起来的直到Object.prototype.protonull的链叫做原型链.

5.function Fun(){

   //code

}

这个函数内部会执行下面几个动作:

   为该函数添加一个原型(即prototype)属性,为prototype对象额外添加一个constructor属性,并且该属性保存指向函数Fun()的一个引用。

var obj = new Fun();当使用构造函数来创建实例对象的时候,对象的实例内部会自动保存一个指向其构造函数的prototype对象的一个属性_proto_,所以我们每一个对象实例中就可以访问构造函数的prototype所有的属性和方法。 

以下面的这个例子来说明,原型的作用,以及原型链的体现

function CreatePerson(name,age,job){
 this.name = name;
 this.age = age;
 this.job = job;
 }
 CreatePerson.prototype.firstname = "xi";
 CreatePerson.prototype.getName = function() {
 alert(this.name);
 };
 var per1 = new CreatePerson("xixi",22,"SE"); 
 var per2 = new CreatePerson("xiyin",23,"FF");

CreatePerson.prototype设置了一个函数对象的属性firstname,和一个方法getName(),那CreatePerson实例(例中:per1,per2)出来的普通对象就继承了这些属性和方法,这就是原型的作用。

用一副图来说明理解这整个过程,图如下:

技术分享

   


本文出自 “梦想需要坚持” 博客,请务必保留此出处http://xiyin001.blog.51cto.com/9831864/1774258

js中原型,原型链的学习与认识

标签:原型   原型链   

原文地址:http://xiyin001.blog.51cto.com/9831864/1774258

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