手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浅谈JavaScript 覆盖原型以及更改原型
浅谈JavaScript 覆盖原型以及更改原型
摘要:覆盖原型//囚犯示例//1.定义原型对象varproto={sentence:4,//监禁年限probation:2//缓刑年限};//2....

覆盖原型

//囚犯示例 //1.定义原型对象 var proto = { sentence : 4, //监禁年限 probation: 2 //缓刑年限 }; //2.定义原型对象的构造函数 var Prisoner = function(name, id) { this.name = name; this.id = id; }; //3.将构造函数关联到原型 Prisoner.prototype = proto; //4.实例化对象——采用工厂函数实例化对象 var makePrisoner = function(name, id) { //采用工厂函数实力化对象prisoner var prisoner = Object.create( proto ); prisoner.name = name; prisoner.id = id; return prisoner; }; var firstPrisoner = makePrisoner( 'Joe', '12A' ); //firstPrisoner.sentence在firstPrisoner对象找不到sentence属性, //所以查找对象的原型并找到了Both of these output 4 console.log( firstPrisoner.sentence ); console.log( firstPrisoner.__proto__.sentence ); //把对象的sentence属性设置为10 firstPrisoner.sentence = 10; //outputs 10 //确定对象上的属性值已设置为10 console.log( firstPrisoner.sentence ); //但是对象的原型并没有变化,值仍然为4 console.log( firstPrisoner.__proto__.sentence ); //为了使获取到的属性回到原型的值,将属性从对象上删除 delete firstPrisoner.sentence; //接下来,JavaScript引擎在对象上不能再找到该属性, //必须回头去查找原型链,并在原型对象上找到该属性 // Both of these output 4 console.log( firstPrisoner.sentence ); console.log( firstPrisoner.__proto__.sentence );

ubuntu 终端node输出

xxh@xxh-E440:~/workspace$ node t6 4 4 10 4 4 4

那么如果改变了原型对象的属性值,会发生什么呢?我知道你在思考。

以上这篇浅谈JavaScript 覆盖原型以及更改原型就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【浅谈JavaScript 覆盖原型以及更改原型】相关文章:

javascript改变和控制显示的图片大小

深入理解JavaScript中的对象

JavaScript获取并更改input标签name属性的方法

javascript相关事件的几个概念

JavaScript获得url查询参数的方法

Javascript 不能释放内存.

浅谈javascript中的闭包

详谈javascript中的cookie

深入浅出理解javaScript原型链

浅谈javascript事件取消和阻止冒泡

精品推荐
分类导航