美文网首页
JS重写构造函数后原型中的constructor的指向问题以及重

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

作者: hgzzz | 来源:发表于2019-03-31 17:16 被阅读0次

    问题一 :

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jijubqtx.html