JavaScript常见继承方法

最新推荐文章于 2024-09-04 16:37:26 发布

冒泡的大鱼

最新推荐文章于 2024-09-04 16:37:26 发布

阅读量107

点赞数

分类专栏： H5 文章标签： javascript

本文链接：https://blog.csdn.net/y1314999/article/details/107547759

版权

H5 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

第二种方法原型链继承

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         //第二种：原型链继承
        //原理：将原型对象链接到另一个对象实现继承（改变原型的指向）
        function Cat(name,color){
            this.name = name;
            this.color = color;
            this.trait =  function(){
                console.log('卖萌');
            }


        }
        Cat.prototype.skill = function(){
            console.log('进行捕鱼');
        }
        function Dog(name,color,food){
            this.food = food;

        }
        Dog.prototype = new Cat();   //把狗的原型指向猫的实例对象

        var dog1 = new Dog('小傻','pink','榴莲');
        console.log(dog1.name);   //undefined
        console.log(dog1.food);
        dog1.trait();
        dog1.skill();
        console.log(dog1.constructor);  // f Cat(){ ....}

        //两个问题
        //1、实例化对象不能给父类传参，导致访问dog1.name没有值
        //2、猫是猫生的，狗是狗生的，现在狗是猫生的，不符合现实
    </script>
</body>
</html>