码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中的类

时间:2018-03-24 11:36:26      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:函数   display   head   调用   继承   fun   lan   ocr   isp   

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

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

完整实例:

<!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

  

 

javascript中的类

标签:函数   display   head   调用   继承   fun   lan   ocr   isp   

原文地址:https://www.cnblogs.com/ldy-miss/p/8637911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!