javascript - React 类构造方法如何查看尚未定义的绑定属性？

Question

React类构造函数中绑定方法时，如何查看被绑定属性的值，如果构造函数是第一个运行的，那么handleClick属性绑定到下面的组件实例时，如何查看它知道 handleClick 的值是什么，因为直到构造函数之后才定义它。

所以我想知道构造函数是否首先运行，它是否知道已经定义了一个名为 handleClick 的方法，如果是这样，因为它是在构造函数之后定义的？

class Toggle extends React.Component {
  constructor(props) {
    super(props);
    this.state = {isToggleOn: true};
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    this.setState(prevState => ({
      isToggleOn: !prevState.isToggleOn
    }));
  }

  render() {
    return (
      <button onClick={this.handleClick}>
        {this.state.isToggleOn ? 'ON' : 'OFF'}
      </button>
    );
  }
}

标签： javascriptreactjsbinding

Answer 1

它被称为提升https://stackabuse.com/hoisting-in-javascript。您可以在我附加的文章中找到大量示例。