javaScript 中的类

 

 类的定义和简单使用，继承

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>



  <script>
    // 类
    class Person {
      // 构造函数
      constructor(name) {
        this.name = name
      }
      // 普通函数
      sayname() {
        console.log(this.name)
      }
    }

　　// 继承父类Person
    class Student extends Person {
      constructor(name, age) {
        // super调用父类的构造函数
        super(name);
        this.age = age;
      }
      sayname() {
        // 可以直接只是用this.name,因为调用了父类的构造函数
        console.log(this.name + ":" + this.age)
      }
    }


    // 使用new来创建类的实例
    let p = new Person('chen')
    p.sayname()

    let p2 = new Student('zhang', 13)
    p2.sayname()




  </script>

</body>

</html>

 

posted @ 2020-05-09 13:13  葡萄想柠檬  Views(158)  Comments(0)  Edit  收藏  举报
目录代码