react中constructor这个构造函数有什么卵用

当你在React class中需要设置state的初始值或者绑定事件时，需要加上constructor(){} 官方Demo：

class LikeButton extends React.Component {
  constructor() {
    super();
    this.state = {
      liked: false
    };

    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
    this.setState({liked: !this.state.liked});
  }
  render() {
    const text = this.state.liked ? 'liked' : 'haven\'t liked';
    return (
      <div onClick={this.handleClick}>
        You {text} this. Click to toggle.
      </div>
    );
  }
}
ReactDOM.render(
  <LikeButton />,
  document.getElementById('example')
);

用来新建父类的this对象；
子类必须在constructor方法中调用super方法；否则新建实例时会报错；因为子类没有自己的this对象；
而是继承父类的this对象，然后对其进行加工。如果不调用super方法；子类就得不到this对象。

 //  ps ： 我的理解是 这样做符合 JavaScript原生对象      将属性添加到其构造函数，方法挂载在 原型 obj.prototype 上面的原则
fuction a(){
    this.age = 1;
}

a.prototype.name = 2;
this.name   //不是也能访问？    

转载于:https://www.cnblogs.com/Lewiskycc/p/7411468.html