JavaScript面向对象编程（3）prototype简介
来源：程序员人生 发布时间：2014-12-07 09:32:17 阅读次数：3033次
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。
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
