zoukankan      html  css  js  c++  java
  • 学JS面向对象 以及里面的继承

    看看JS的面向对象,然后写了个例子

    定义一个类:人, 人有名字的属性,人有说出名字的函数

    var Person = function (name) {
    this.name = name;
    };

    Person.prototype = {
    "name": name,
    "sayname": function () {
    alert("我的名字:"+this.name);
    }
    };

    再定义一个学生类,学生继承自人,并且有学号,和说出学号 的方法

    var Student = function (name, number) {
    this.name = name;
    this.number = number;
    };

    Student.prototype = Inherit(new Person(this.name),
    {
    "number": this.number,
    "saynumber": function () {
    alert("我的学号:"+this.number);
    }
    }
    );

    为了让学生继承人的所有属性和方法,自定义一个继承操作函数

    /**继承时接受父类的属性和函数*/
    function Inherit(parent,son){
    for(var pro in parent){
    son[pro] = parent[pro];
    }
    return son;
    }

    测试页面html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/Student.js" type="text/javascript"></script>
    <script type="text/javascript">
    var stu = new Student("张三", 2008);
    stu.sayname();
    stu.saynumber();

    </script>
    </head>
    <body>

    </body>
    </html>




     

  • 相关阅读:
    Httprunner生成Allure格式HTML报告
    Go语言编写单元测试用例
    dotnet 在 UOS 国产系统上安装 dotnet sdk 的方法
    dotnet 在国产 UOS 系统利用 dotnet tool 工具做文件传输
    webpack丑化插件
    webpack自动生成html
    webpack vue
    webpack vue
    HO引擎近况20210225
    常用十大算法(三)— 动态规划算法
  • 原文地址:https://www.cnblogs.com/yixinliu/p/2298062.html
Copyright © 2011-2022 走看看