码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript覆盖原型以及更改原型

时间:2015-04-12 22:42:12      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:

覆盖原型

//囚犯示例
//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覆盖原型以及更改原型

标签:

原文地址:http://www.cnblogs.com/nodejsxxh/p/4420585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!