微学网

热门关键词:   as  thinkphp  ecshop  xxx  商务通  www.ymwears.cn
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

js面向对象

发布时间:2021-05-07 来源:未知 点击:

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>

在这里插入图片描述
在这里插入图片描述


 

这就是微学网-程序员之家为你提供的"js面向对象"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/14404.html
网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 服务器 | 微信开发 | APP开发 | 学习教程 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2021 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

菜鸟学习网,提供各类程序编程入门,技巧