一道有关于 prototype 的题

12 篇文章 0 订阅

最近看到一道题,如下:

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;

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值