导读 在前端开发中，我们常常会遇到需要等待某个条件成立后才能执行代码的情况。比如，等待某个元素加载完成或者数据请求成功。这时候，`while`...
在前端开发中，我们常常会遇到需要等待某个条件成立后才能执行代码的情况。比如，等待某个元素加载完成或者数据请求成功。这时候，`while` 循环并不是最佳选择，因为它可能会阻塞主线程，影响用户体验。那么，如何优雅地实现“条件满足后再执行”的逻辑呢？🤔
一种推荐的方式是使用 `setInterval` 或 `setTimeout` 结合条件判断。例如：
```javascript
function waitForCondition(conditionFunc, actionFunc, interval = 100) {
const checkCondition = () => {
if (conditionFunc()) {
actionFunc();
clearInterval(intervalId); // 清除定时器
}
};
const intervalId = setInterval(checkCondition, interval);
}
```
通过这种方式，我们可以让代码在条件未满足时耐心等待，条件满足后立即执行目标函数，就像小兔子乖乖等待胡萝卜成熟一样 🐇🥕。
这种方法不仅避免了死循环的隐患，还提升了代码的可读性和性能。快试试吧！🚀
