BFE.devAI解答 - React 小测验
24. useEffect() timing

这段代码的运行结果是什么？

输出顺序为：1、3、4、5、6、2。

说明：

1. 组件渲染时，useState为0，因此console.log(1)会在最开始被执行。

2. useEffect的回调函数会在state发生改变时执行，这里初始state为0，因此不会执行，所以console.log(2)不会被输出。

3. Promise.resolve().then()的代码会在microtask队列里等待主线程执行完毕之后被执行，所以console.log(3)会在主线程执行完毕之后被执行，输出3。

4. setTimeout的回调函数会在macrotask队列里等待主线程和microtask队列执行完毕之后被执行，所以console.log(4)不会在主线程执行完之后立即被执行，而是在主线程执行完并且microtask队列为空之后才被执行，输出4。

5. 当点击按钮时，onClick被调用，console.log(5)会被执行，然后通过setState改变state的值，然后console.log(6)会被执行。

6. useEffect的回调函数因为state的变化而被执行，输出2。