js面向对象

最新推荐文章于 2023-04-24 20:26:58 发布

坤.+

最新推荐文章于 2023-04-24 20:26:58 发布

阅读量91

点赞数

分类专栏：知识点

本文链接：https://blog.csdn.net/jiahui513/article/details/116465904

版权

知识点专栏收录该内容

72 篇文章 1 订阅

订阅专栏

js继承实现狗类继承动物类

在这里插入图片描述

源码及效果图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

    // 创造第一个a构造方法，作为父类
    function Animal(hp) {
        this.hp = hp
    }

    // 定义了共用的方法
    Animal.prototype.breath = function () {
        alert("上号");
    }

    // 创造第二个b构造方法，作为子类
    function Sleep(hp) {
        Animal.call(this, hp);
    }

    // 让b原型等于a的实例，相当于实现了一个继承
    Sleep.prototype = new Animal();

    // 添加方法
    Sleep.prototype.shout = function () {
        alert("关机")
    }

    // 实例化对象与方法调用
    var xq = new Sleep(100);
    xq.breath();
    xq.shout();

</script>
</body>
</html>

在这里插入图片描述

坤.+

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js面向对象

js继承实现狗类继承动物类源码及效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 创造第一个a构造方法，作为父类 function Animal(hp) { this.
复制链接

扫一扫