状态锁失效的原因
在给定的代码中,状态锁失效是因为事件循环的存在。当点击复选框(checkbox)时,onchange 事件被触发,但它并不立即执行,而是被添加到任务队列中。当主线程空闲时,它将从队列中检索任务并执行它们。
由于 run_task 函数包含一个耗时的循环,因此在它执行时,可能会发生第二个 onchange 事件。此时,is_runing 标志仍然为 true,但 bigger_view 的 disabled 属性已被设置为 false。
避免状态锁失效的方法
为了防止状态锁失效,可以采取以下措施之一:
- 添加点击事件:可以通过添加点击事件来检查 disabled 属性,如果它为 true,则不执行 onchange 函数。
- 使用准确的阻塞:将时延循环替换为更准确的 while 循环,并控制其阻塞时间。