浅谈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覆盖原型以及更改原型就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。