JavaScript的常见继承方法

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

冒泡的大鱼

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

阅读量77

点赞数

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

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

版权

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;
            Cat.call(this,name,color);
        }
        var dog1 = new Dog('小花','gray','屎');

        //测试方法
        console.log(dog1.name);
        console.log(dog1.food);
        dog1.trait();
        dog1.skill(); //no found
        //局限性：“父类”原型上的属性方法无法继承，所以二哈没有捕鱼的技能
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冒泡的大鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的常见继承方法

第一种方法构造函数继承<!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>
复制链接

扫一扫