最近看到一道题,如下:
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;
结果如下: