修改构造函数的原型,会对实例有什么影响?

修改构造函数的原型之前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属性是否相等。


以上内容仅作为个人学习记录使用。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值