一道有关于 prototype 的题

本文通过具体示例解析了JavaScript中构造函数、原型对象及其实例之间的关系,并探讨了如何正确使用原型以确保实例间的正确关联。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近看到一道题,如下:

var A = function(){};
A.prototype = {};
var a = new A();
A.prototype = {};
var b = new A();
console.log(a instanceof A);
console.log(b instanceof A);

如果对原型不是很了解,这里肯定很懵。我试着解释一下:
1、创建了一个空的构造函数 A;
2、把 A 的原型指向了一个空对象;
3、用 new 得到一个 A 的实例;
此时如果执行: console.log(a instanceof A),得到的结果如下图:
这里写图片描述
可以看到,结果返回 true。用一副简单的图表示为:
这里写图片描述

4、接下来又执行了一遍 A.prototype = {}; 这其实是prototype又换了一个引用地址。
5、当执行 var b = new A() 时,即又生成了一个 A 的实例;
用图形来表示,如下所示:
这里写图片描述

6、所以接下来执行

    console.log(a instanceof A);
    console.log(b instanceofA);

这两句时:得到的结果非常清楚了:
这里写图片描述
因为 instanceof 检查的是 A.prototype ,而不是构造函数。它们的构造函数是一样的
这里写图片描述

所以如果要原题的结果返回的都是 true ,可以把第四句这样更改 :

A.prototype = a.__proto__;

或者:

A.prototype = a.constructor.prototype;

结果如下:
这里写图片描述
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值