Javascript: 当我们在重写原型链时,我们在干嘛?

JS中的原型链,曾经困惑过我。理论上说,当访问一个对象的属性时,首先在本身的属性里去找,如果没有找到,就去这个对象的原型找。如果原型有,就是它了,如果没有继续在往原型的原型找下去。。。

那么问题来了,假设这里的访问是指“写属性”,在搜索这个实例对象原型的时候,咦,找到了这个属性,那么现在重写这个属性,究竟是在本实例对象内新写了这个属性,还是在原型上重写了此属性呢?

区别在于,若是在本实例对象写属性,那么虽然以后访问(不论是读还是读写)的都是本实例的该属性,但其实原型上的这个属性也并没有消失也没有改变,只是访问的时候屏蔽它了。

而若是直接改写了原型上这个属性,那么以后任何这个原型的其它实例,它们的这个属性都会改变(前提是这些实例并没有自身的同名属性)。

到底是哪种呢,我们把代码跑起来看看!

function SuperType () {    
    this.property = true;
}
SuperType.prototype.getSuperValue = function () {    
    return this.property;
};
function SubType () {    
    this.subproperty = false;
}
SubType.prototype = new SuperType();

//给新实例写方法 这方法到顶级原型都没有 所以写在新实例里面了
SubType.prototype.getSubValue = function () {    
    return this.subproperty;
}

//给新实例写方法 这方法顶级原型有 
//所以究竟是给实例添加了同名属性,还是直接改写了顶级原型??
SubType.prototype.getSuperValue = function () {    
    return false;
}
var instance = new SubType();
console.log(instance.getSubValue()); //false
console.log(instance.getSuperValue()); //false
console.log(SuperType.prototype.getSuperValue()); //undefined

undefined!!看到了没,顶级原型上的这个getSuperValue并没有被改写!如果改写了,那就是false,而不是undefined,是undefined的意思就是,还是原型的这个属性还是那个return this.property的函数,因为没有实例化,所以不存在this, 所以结果是undefined。也就是说,给对象写一个自身并不具有的属性,而原型却具有的属性,那么结果不是改变它原型对象上的改属性,而是给它自身添加了这个同名属性!原型上的该属性,并不会改变!只是在访问实例的时候被屏蔽!

最后,通过prototype其实是通过指针来继承属性,所以如果链断了,或者原型指针重新指向另一个对象,那么之前通过prototype继成的任何属性全部消失。但如果是通过contructor构造函数去实例化的对象,是没有这个问题的,因为通过constructor产生的属性,全部是副本,而不是指针。prototype可以通过指针一直引,a的prototype指向b对象,b的prototype指向c对象,而constructor也有类似这样的方法可以满足链式继成,例如a的constructor是bCon函数,而bCon函数里,调用cCon函数去call(this),即cCon.call(this)就是在这个constructor函数里面。

接下来又发生了一件怪事,以上的重写都通过"="来直接赋值,当然简洁明了,毫无疑问是真正的重写。那么有时候我们对原型上某属性值是数组,我们对它的操作又是另外一番光景了。看以下代码。

//object(o) 函数作用: 以o为原型实例化一个对象
function object(o) {    
    function F () {};    
    F.prototype = o;    
    return new F();
}
var person = {    
    name: 'Nicholas',    
    friends: ['shelby','Court','Van']
};
var anotherPerson = object(person);//anotherPerson是以person为原型的一个实例对象
anotherPerson.name = 'Greg';
console.log(anotherPerson.name); //'Greg'
console.log(person.name); //'Nicholas'

anotherPerson.friends = 'mary'; 
console.log(anotherPerson.friends); //mary
console.log(person.friends); // ['shelby','Court','Van']

anotherPerson.friends.push('Mary'); 
console.log(anotherPerson.friends); // ['shelby','Court','Van','Mary']
console.log(person.friends); // ['shelby','Court','Van','Mary']

当你给实例写新属性值,这个新属性名在实例自身上并没有,但是该实例的原型上有这个属性的时候,有以下两种情况:

  1. 这里的“写”属性,是指用''=" 赋值,其实是重新建立一个副本,那么原型上的该属性值不会改变或消失,只是实例自身拥有了这个属性,那么以后对该实例上这个属性的读写,都是发生在自身这个属性上,不涉及原型。比如上例对name属性的重写。原型中的name还是‘Nicholas’,而实例的name则是自己重写过后的值。
  2. 这里的“写”属性,是引用的方式,比如上例,使用的是anotherPerson.friends.push('Mary'); , 这里其实是使用指针,指向原型上这个属性,通过指针去重写的属性,都是指向同一个内存上的属性,并没有副本。一旦改变,所有指向它的引用,全部都会发生改变。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,335评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,895评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,766评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,918评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,042评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,169评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,219评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,976评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,393评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,711评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,876评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,562评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,193评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,903评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,699评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,764评论 2 351

推荐阅读更多精彩内容