javascript - 关于JS中原型重写导致的问题
PHP中文网
PHP中文网 2017-04-11 09:53:16
[JavaScript讨论组]

这里只是进行了原型的重写,并没有对构造器进行重写。不太明白浏览器给出的除了第三个之外的其余四个布尔值答案。。请大神帮我看看。。给我解答下。。谢谢。。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
怪我咯
function MyObject(){}//[1]
var obj1=new MyObject();//[2]
console.log('[2]'+(obj1 instanceof MyObject));//true
console.log(obj1.__proto__===MyObject.prototype);//true
MyObject.prototype.type='MyObject';//[3]
var obj2=new MyObject();//[4]
console.log('[4]'+(obj2 instanceof MyObject));//true
MyObject.prototype={//[5]
    type:"Bird"
}

var obj3=new MyObject();//[6]
console.log('[6]'+(obj3 instanceof MyObject));//true
console.log(obj1 instanceof MyObject);//[7] false
console.log(obj2 instanceof MyObject);//[8] false
console.log(obj3 instanceof MyObject);//[9] true

console.log(obj1 instanceof obj1.constructor);//[10] false
console.log(obj1.constructor ===MyObject);//[11] true

instanceof的操作语义为判断操作符左边的实例对象的原型链中是否存在操作符右边的构造函数的prototype属性指向的对象-也就是原型对象
JS实现引擎,会为每一个对象添加一个__proto__自有属性,指向这个对象的原型对象

执行[2]后,obj1的原型链中存在MyObject.prototype指向的对象-一个Object类型的实例对象PROTOTYPE_ORG,其constructor属性值为MyObject函数,obj1.__proto__属性指向MyObject.prototype指向的对象,也就是obj1.__proto__和PROTOTYPE_ORG相同
[3]只是为原型对象添加了一个属性,并没有改变原MyObject.prototype属性指向的对象,obj1和obj2的原型链是相同的
[5]来了个大的,把MyObject.prototype的默认指向改变了,指向了一个新的对象PROTOTYPE_NEW,这个对象带有一个type属性,并且这个对象的constructor为Object(默认构造函数)。那么此时PROTOTYPE_NEWPROTOTYPE_ORG同时存在;obj1和obj2的__proto__属性还是指向的PROTOTYPE_ORG。这个和下面代码的处理方式同理:

var a1={
    name:"a1"
};
var b1=a1;
console.log(a1.name);//a1
console.log(b1.name);//a1

b1={
    name:"b1"
};
console.log(a1.name);//a1
console.log(b1.name);//b1

[6]创建的obj3的原型指向新的原型对象
7 PROTOTYPE_NEWPROTOTYPE_ORG是2个不同的对象
[10] obj1.constructor为MyObject,MyObject的prototype现在指向PROTOTYPE_NEW,而obj1.__proto__指向PROTOTYPE_ORG
[11] obj1.constructor为MyObject

高洛峰

你重写prototype那句,相当于下面这样,

MyObject.prototype = {
    constructor: Object,
    type: 'Bird'
}

constructor 同时被覆盖,所以前两个是false,
第三个是新的,obj3.constructor 等于 Object,和MyObject.prototype.constructor相同,所以true

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号