美文网首页
ES6 类和继承

ES6 类和继承

作者: 诺CIUM | 来源:发表于2018-12-24 14:02 被阅读10次

    构造函数

    class Person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
    
      sayHello() {
        console.log( `hello, ${this.name}, i am ${this.age} years old`);
      }
    }
    
    //等价于
    
    function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    
    Person.prototype.sayHello = function () {
      console.log(  `hello, ${this.name}, i am ${this.age} years old`);
    };
    
    var p = new Person('hunger', 2);
    

    静态方法

    class EventCenter {
      static fire() {
        return 'fire';
      }
      static on(){
        return 'on'
      }
    }
    
    //等同于
    
    function EventCenter(){
    }
    EventCenter.fire = function(){}
    EventCenter.on = function(){}
    

    继承

    class Person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
    
      sayHello() {
        console.log( `hello, ${this.name}, i am ${this.age} years old`);
      }
    }
    class Student extends Person {
      constructor(name, age, score) {
        super(name, age); 
        this.score = score;
      }
    
      sayScore() {
         console.log(  `hello, ${this.name}, i am ${this.age} years old, i get ${this.score}`);
      }
    }
    

    相关文章

      网友评论

          本文标题:ES6 类和继承

          本文链接:https://www.haomeiwen.com/subject/hofzkqtx.html