javascript - 经典继承的一个疑问

问题描述

问 题

<script>
    function Animal(age)
    {
        this.age = age;
    }
    Animal.prototype = {
        constructor:Animal,
        bark:function(){
            alert(this+'is barking');
        }
    }
    //....
    function extend(){
            var F = new Function();
            F.prototype = Animal.prototype;
            Dog.prototype = new F();
            //还原子类构造器
            Dog.prototype.constructor = Dog;
        };
    extend();
    function Dog(sex,age)
    {
        this.sex = sex;
        Animal.call(this,age);

        
    }
    dog = new Dog('boy','23');
    console.log(dog.sex + dog.age );
    dog.bark();

</script>

此处的代码为什么要生成 F这一个空函数作为一个临时中转,不直接使用 Dog.prototype = Animal.prototype呢?

解决方案

你直接把Dog.prototype = Animal.prototype,这时假如我的Dog.prototype与Animal.prototype指向的是同一片内存，那么就意味着一个改变就会影响另外一个，所以采取这种方式，为Dog.prototype重新开辟内存。

这篇关于javascript - 经典继承的一个疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！