JS重写构造函数后原型中的constructor的指向问题以及重

2019-03-31  本文已影响0人  hgzzz

问题一 :

构造函数的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');
     }
 }
上一篇下一篇

猜你喜欢

热点阅读