修改构造函数的原型之前new的实例和之后new的实例,影响是不同的。
1,正常情况。
//1
function Foo() {}
var foo = new Foo();
Foo.prototype.flag = 123;//和上一句交换位置也可以,因为操作的是同一块内存。
console.dir(foo);//Foo
console.log(foo instanceof Foo);//true
console.log(foo.__proto__ === Foo.prototype);//true
2,先改变原型指向,再new实例。
function Foo() {}
function fn() {}
var f = new fn();
//先改变原型指向
Foo.prototype = f;
//再new实例
var foo = new Foo();
console.dir(foo);//Foo
console.log(foo.__proto__ === f);//true
console.log(Foo.prototype === f);//true
console.log(foo instanceof Foo);//true
console.log(foo.__proto__ === Foo.prototype);//true
3,先new实例,再改变构造函数的原型。
function Foo() {}
Foo.prototype.flag = 123;
function fn() {}
//先new实例
var foo = new Foo();
var f = new fn();
//先再改变原型指向
Foo.prototype = f;
console.dir(foo);//Foo
console.log(foo.__proto__ === f);//false foo的原型链不会因为构造函数原型的变化而变化。
console.log(Foo.prototype === f);//true
console.log(foo instanceof Foo);//false
console.log(foo.__proto__ === Foo.prototype);//false
参考图解:
结论:
1,实例产生之后再修改构造函数的原型,那么对实例中的数据是没有影响的,但是会影响instanceof的判断
2,Function.prototype既可以指构造函数的属性,也可以指具体的内存对象。
3,修改构造函数的原型的时候,其实是指修改构造函数的属性,即改了内存指向,而原来的内存对象仍存在,可以从foo在构造函数改变原型指向后仍有flag属性证明。
4,instanceof是在原型链上查找,看是否能查找到构造函数的原型,即判断实例的
__proto
属性和构造函数的prototype
属性是否相等。
以上内容仅作为个人学习记录使用。