class类 和 react类组件

 类的理解

// 创建一个person类
    class Person {
      /* */
      // 构造器方法
      constructor(name, age) {
        // this指向 => 类的实例对象
        this.name = name;
        this.age = age;
      }
      // say 方法放在了哪里？  => 类的原型对象上，为实例所用，也叫实例方法
      // 通过person实例调用say时，say方法中的this就是person实例 (也就是new出来的实例对象)
      say() {
        console.log(`说话的方法， ${this.name}在说话`);
      }
    }
    // 创建一个person的实例对象
    var P1 = new Person("范顺", 18);
    // P1.say()
    // console.log(P1.__proto__.say === Person.prototype.say) // true

    // 创建一个student类，继承与person
    class Student extends Person {
      //继承与person的属性，
      constructor(name, age, type) {
        super(name, age); /* super 函数帮助调用父类的构造器*/
        this.type = type;
      }
      say() {
        /* 重写父类方法，该方法存在student的原型对象上，所有说S1直接调用*/
        console.log(`说话的方法， ${this.name}在说话, 并说我不${this.type}`);
      }
      speak() {}
    }
    var S1 = new Student("小明", 16, "是坏孩子");
    console.log(S1);

    S1.say(); // 调用say方法，say方法是父类p1.__proto__也就是person.prototype的原型对象的方法，以为student子类继承了person父类，通过原型链的规则(也就是S1.__proto__.__proto__)，找到父类的方法

 

 

 上述这个简单的例子理解了，下面类组件就理解了