浅谈JavaScript 覆盖原型以及更改原型
覆盖原型
//囚犯示例
//1.定义原型对象
varproto={
sentence:4,//监禁年限
probation:2//缓刑年限
};
//2.定义原型对象的构造函数
varPrisoner=function(name,id){
this.name=name;
this.id=id;
};
//3.将构造函数关联到原型
Prisoner.prototype=proto;
//4.实例化对象——采用工厂函数实例化对象
varmakePrisoner=function(name,id){
//采用工厂函数实力化对象prisoner
varprisoner=Object.create(proto);
prisoner.name=name;
prisoner.id=id;
returnprisoner;
};
varfirstPrisoner=makePrisoner('Joe','12A');
//firstPrisoner.sentence在firstPrisoner对象找不到sentence属性，
//所以查找对象的原型并找到了Bothoftheseoutput4
console.log(firstPrisoner.sentence);
console.log(firstPrisoner.__proto__.sentence);
//把对象的sentence属性设置为10
firstPrisoner.sentence=10;
//outputs10
//确定对象上的属性值已设置为10
console.log(firstPrisoner.sentence);
//但是对象的原型并没有变化，值仍然为4
console.log(firstPrisoner.__proto__.sentence);
//为了使获取到的属性回到原型的值，将属性从对象上删除
deletefirstPrisoner.sentence;
//接下来，JavaScript引擎在对象上不能再找到该属性，
//必须回头去查找原型链，并在原型对象上找到该属性
//Bothoftheseoutput4
console.log(firstPrisoner.sentence);
console.log(firstPrisoner.__proto__.sentence);
ubuntu终端node输出
xxh@xxh-E440:~/workspace$nodet6 4 4 10 4 4 4
那么如果改变了原型对象的属性值，会发生什么呢？我知道你在思考。
以上这篇浅谈JavaScript覆盖原型以及更改原型就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。