JavaScript面向对象编程（3）prototype简介

概述prototype――原型，用于给对象动态地新增属性和行为先定义个构造函数//小配件function Gadget(name, color) {this.name = name;this.color = color;this.whatAreYou = function(){return 我是 +

prototype――原型，用于给对象动态地新增属性和行动

先定义个构造函数

//小配件function Gadget(name,color) { this.name = name; this.color = color; this.whatAreYou = function(){ return '我是 ' + this.color + '的' + this.name; } this.get = function(what){ return this[what];//对象与数组有类似的地方，Js的[]中可以是下标，也能够是对象的属性 }}
使用prototype增加属性和方法

/*使用prototype增加属性和方法*/Gadget.prototype.price = 100;//增加属性Gadget.prototype.rating = 3;//增加行动==方法==或叫函数Gadget.prototype.getInfo = function() { return '等级: ' + this.rating + ',价格: ' + this.price;};/*也可批量替换或新增*/Gadget.prototype = { price:100,rating:3,getInfo:function() { //可访问原始属性<span style="white-space:pre"> </span>return '名字：'+this.name+',等级: ' + this.rating + ',价格: ' + this.price; }};var toy = new Gadget('网络摄像头','黑色');alert(toy.getInfo());//可访问新的方法，也可访问原本的属性和方法

/*属性的遍历及判断*/
for(i in toy){ if(typeof(toy[i])!="function") //遍历出toy上可以访问的所有的属性及属性值 alert(i + '=' + toy[i]);}//判断属性是否是原始的for(prop in toy){<span style="white-space:pre"> </span>if (toy.hasOwnProperty(prop)) {<span style="white-space:pre"> </span>alert("原始："+prop + '=' + toy[prop]);<span style="white-space:pre"> </span>}}

每一个对象都有isPrototypeOf方法，用于判断当前对象是否是另外1个对象的prototype

/*Every object also gets the isPrototypeOf() method. * This method tells you whether that specific object is used as a prototype of another object.每一个对象都有isPrototypeOf方法，用于判断当前对象是否是另外1个对象的prototype* */var monkey = { hair: true,Feeds: 'bananas',breathes: 'air'};function Human(name) { this.name = name;}Human.prototype = monkey;var george = new Human('George');alert("monkey.isPrototypeOf(george)==="+ monkey.isPrototypeOf(george));
总结：
可以将prototype看作是1个额外的对象，在构造器上援用1个prototype对象，这个对象具有1些属性和方法；

通过构造函数产生的对象也自然链接了这个prototype对象，而且可以把prototype对象的属性和方法当作自己的；

固然，原始的属性和通过prototype取得的属性还是有些不1样，最少通过hasOwnProperty可以判断出这个属性是否是自己的原生属性；

另外，可以通过a.isPrototypeOf(b)来判断a是否是b的prototype。

总结

以上是内存溢出为你收集整理的JavaScript面向对象编程（3）prototype简介全部内容，希望文章能够帮你解决JavaScript面向对象编程（3）prototype简介所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。