从实例对象上谈对hooks的理解

React 在渲染过程中会创建组件实例对象，无论是函数组件还是类组件都需要实例化来支持 React 的渲染机制。函数组件的优点在于它们简洁易于理解，但在使用 state 和 React 生命周期等方面功能较弱。为了增强函数组件的能力，Hooks 提供了一些特殊的函数，使得函数组件也能够使用 state 和 React 生命周期等功能，使其具有类组件一样的能力。如果函数组件没有使用任何 Hooks，那么创建出来的实例对象只有一个 render 方法。

在函数组件中，useState 可以用来声明状态属性。与 let/const 声明最大的区别在于存储位置和作用域。通过 let/const 声明的变量实际上可以看成是在 render 方法中声明的变量，每次组件更新都会重新声明。而通过 useState 声明的变量，则是存储在 React 内部的内存中，每次组件更新执行的 render 和它没有任何关系。它只能通过 useState 返回的 set 方法进行修改。set 方法实现了一个事件队列，当被调用时，修改事件会进入队列中。React 会自动对队列中的修改事件进行合并，然后在合适的时机触发更新。

除了 useState，React 还提供了其他一些常用的 Hooks，如 useEffect、useMemo、useCallback、useRef、useReducer 和 useContext。它们各自具有不同的功能，但它们的共同目的是为了增强函数组件的能力。Hooks 可以跳出 render 方法，并将这些方法和内容与组件实例进行关联，从而使得函数组件具有类组件一样的能力。