深入理解JavaScript原型继承机制-优快云博客

本文链接：https://blog.youkuaiyun.com/tianranran/article/details/122932897

本文详细探讨了JavaScript中的原型继承原理，通过实例解析如何利用原型实现对象间的属性和方法共享，同时阐述了原型链的工作方式及其在前端开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
        //继承：例如，冯建炜有1000万，百年后，他儿子继承10块钱
        //注意点：继承是继承相同的属性（共有的东西），一个类之间的继承
        function Dog(name, age){
            this.name = name
            this.age = age
        }
        Dog.prototype.rg = function(){
            console.log('喜欢到处去瞎逛!')
        }
        function Tugou(name, age){
            this.name = name
            this.age = age
        }
        //需要用到继承
        //原型继承，利于原型链的查找规则进行继承
        //Tugou.prototype 就是一个对象，能不能给对象重新赋值，可以
        Tugou.prototype = Dog.prototype
        //在Tugou原型上设置了一个方法
        Tugou.prototype.eat = function(){
            console.log('喜欢吃各种东西')
        }

        console.log(Dog.prototype)

        //Tugou.prototype.constructor = Tugou
        let t1 = new Tugou('小黑', 2)
        t1.rg()
        // let t2 = new Dog('小红',3)
        
         console.log(Tugou.prototype)
         console.log(t1.__proto__)
    </script>

//继承：例如，冯建炜有1000万，百年后，他儿子继承10块钱
        //注意点：继承是继承相同的属性（共有的东西），一个类之间的继承
        function Dog(name, age) {
            //构造函数体内的代码也可以继承
            this.name = name
            this.age = age
        }
        Dog.prototype.rg = function () {
            console.log('喜欢到处去瞎逛!')
        }
        function Tugou(sex) {
            // this.name = name
            // this.age = age
            this.sex = sex
        }
        //需要用到继承
        //原型继承，利于原型链的查找规则进行继承
        //Tugou.prototype 就是一个对象，能不能给对象重新赋值，可以
        //Tugou的原型对象等于Dog构造函数的实例化对象了
        Tugou.prototype = new Dog('小黑', 2)
        Tugou.prototype.eat = function(){
            console.log('你就知道吃')
        }
        //Tugou.prototype.constructor = Tugou
        let t1 = new Tugou('公')
        t1.rg()
        // console.log(Dog.prototype)
        t1.eat()
        console.log(t1)
        console.log(t1.name)
        

        // console.log(t1.__proto__)