javascript中的类

一、在构造函数中定义属性

二、在原形对象中定义共享方法

完整实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script language="JavaScript">
    function sc(name,age,score) {
        //定义构造函数
        this.name = name
        this.age = age
        this.score = score
    }
    sc.prototype.display_score = function (){   //定义共享方法
        document.writeln("姓名:",this.name," ")
        document.writeln("年龄:",this.age," ")
        document.writeln("分数:",this.score,"<br>")
    }
    var s = new sc("张三",20,100)    //实例化一个对象,必须用new关键字
    s.display_score()    //调用共享方法


    function SC(name,age,sex,score) {   //(封装)
        //定义子类构造函数,继承自sc
        sc.call(this,name,age,score);
        this.sex = sex
    }

    SC.prototype = new sc()     //(继承)
    var S = new SC("李四",21,"男",100);
    S.display_score()//调用父类的display_score()

    //重定义子类自己的display_score()  (多态)
    SC.prototype.display_score = function () {
        document.writeln("姓名:",this.name," ")
        document.writeln("年龄:",this.age," ")
        document.writeln("性别:",this.sex," ")
        document.writeln("分数:",this.score,"<br>")
    }
    S.display_score()   //调用子类的display_socre()
    
</script>
</body>
</html>

  输出结果:

姓名:张三 年龄:20 分数:100
姓名:李四 年龄:21 分数:100
姓名:李四 年龄:21 性别:男 分数:100

  

 

转载于:https://www.cnblogs.com/ldy-miss/p/8637911.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值