js实现delay
在JavaScript中实现延迟（delay）的方法
JavaScript中实现延迟操作通常使用定时器函数或异步编程技术。以下是几种常见的方法：
使用setTimeout函数
setTimeout是JavaScript中最基础的延迟执行方法，它会在指定的毫秒数后执行回调函数：
setTimeout(() => {
console.log('这段代码将在2秒后执行');
}, 2000);使用async/await与Promise
现代JavaScript中，可以使用async/await语法配合Promise实现更清晰的延迟逻辑：
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function delayedFunction() {
console.log('开始');
await delay(3000);
console.log('3秒后执行');
}使用Generator函数
通过Generator函数也可以实现延迟执行的效果：
function* delayedGenerator() {
console.log('第一步');
yield new Promise(resolve => setTimeout(resolve, 1000));
console.log('1秒后执行');
}
const gen = delayedGenerator();
gen.next().value.then(() => gen.next());使用requestAnimationFrame
对于需要与浏览器渲染帧同步的延迟，可以使用requestAnimationFrame：
function delayedAnimation(callback, delayFrames) {
let count = 0;
function frame() {
if (++count >= delayFrames) {
callback();
} else {
requestAnimationFrame(frame);
}
}
requestAnimationFrame(frame);
}
delayedAnimation(() => console.log('延迟3帧后执行'), 3);使用第三方库
许多JavaScript库如Lodash提供了更高级的延迟控制方法：
// 使用Lodash的delay方法
_.delay(function() {
console.log('延迟1秒执行');
}, 1000);选择哪种方法取决于具体需求。setTimeout适合简单延迟，async/await适合现代异步流程控制，Generator适合复杂的状态管理，requestAnimationFrame适合动画场景，而第三方库则提供了更多便利功能。
