JS重写构造函数后原型中的constructor的指向问题以及重写之前的原型到哪去了?

问题一 :

构造函数的prototype属性指向它的prototype对象,也就是原型对象,在原型对象中有一个constructor属性,指向该构造函数。但是我们在使用构造函数时,一般会重写它的原型,会导致constructor指向出问题。

问题二 :在重写原型对象之后,重写之前的原型对象到哪去了?

function Animal() {}
 Animal.prototype.say = function () {
     console.log('wan');
 }
 var dog = new Animal();
 Animal.prototype = {
     say : function () {
         console.log('miao');
     }
 }
 var cat = new Animal();

我们定义了一个构造函数Animal(),在重写原型之前给原型添加了一个方法say(),并且实例化一个对象dog;之后重写原型,实例化对象cat。

console.log(dog.constructor);//function Animal()
console.log(cat.constructor);//function Object()

我们可以看到,重写原型之前实例的对象的dog.constructor依然指向构造函数,而cat.constructor却指向了Object???哪来的

我们不妨回到重写原型的那行代码看看

 Animal.prototype = {
     say : function () {
         console.log('miao');
     }
 }

我们这样写,首先要弄清楚,我们是在改变构造函数的prototype属性的指向,让其指向我们写的一个对象,但是并没有覆盖原来的原型对象,原来的原型对象依然保留在内存中

dog.say();//wan
cat.say();//miao

执行dog.say()输出wan说明重写之前的原型对象依然存在,只是Animal构造函数的prototype属性不再是它的引用,其实dog. --proto–依然指向它。

当我们调用cat.constructor时,cat对象在Animal的原型中(此时的原型是我们写的那个对象)没有找到constructor,而在我们写的那个对象中的–proto–中倒是有一个constructor,它当然指向的是创建它的Object,所以最后在原型链中找到了constructor的值并给我们返回的是一个function Object(),所以我们在重写原型是,应该去指定它的constructor属性

 Animal.prototype = {
     constructor : Animal, 
     say : function () {
         console.log('miao');
     }
 }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值