极客笔记JavaScript中的等待
在编写JavaScript代码时，经常会遇到需要等待一段时间后再执行某些操作的情况。比如等待页面加载完毕后再执行预设的函数，等待用户输入完成后再进行下一步操作，等待某个异步请求返回数据后再处理结果等等。本文将详细讨论JavaScript中的等待问题，以及如何利用现有的方法来实现等待功能。
setTimeout和setInterval
在JavaScript中，可以使用setTimeout和setInterval两个函数来实现等待一段时间后执行某些操作的功能。
setTimeout
setTimeout函数用来在指定的时间间隔后执行一次指定的函数或一段代码。它的基本语法如下：
setTimeout(function, milliseconds);
其中function是要执行的函数，milliseconds是要等待的时间，单位为毫秒。
下面是一个简单的示例，我们使用setTimeout来等待3秒后弹出一个提示框：
setTimeout(function() {
alert('3秒过去了！');
}, 3000);
上面的代码会在页面加载后等待3秒后弹出一个提示框。
setInterval
setInterval函数用来在每个指定的时间间隔后重复执行指定的函数或一段代码。它的基本语法如下：
setInterval(function, milliseconds);
和setTimeout函数类似，function是要执行的函数，milliseconds是要等待的时间间隔，单位为毫秒。
下面是一个示例，我们使用setInterval每隔1秒输出一次当前时间：
setInterval(function() {
console.log(new Date());
}, 1000);
上面的代码会每隔1秒输出当前时间到控制台。
Promise
ES6引入了Promise对象，可以更好地处理异步操作。Promise对象代表一个未完成、但预期将来会完成的操作，可以理解为一个容器，内部存放着某个未来才会结束的事件（通常是一个异步操作）的结果。
基本用法
Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。对于异步操作成功时，将调用resolve方法将Promise状态从pending变为fulfilled；对于异步操作出现错误，将调用reject方法将Promise状态从pending变为rejected。
下面是一个简单的Promise示例，我们创建一个延迟1秒后返回成功的Promise对象：
let promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('成功');
}, 1000);
});
promise.then((value) => {
console.log(value);
});
上面的代码中，我们创建了一个Promise对象，1秒后成功，并且将成功的结果打印到控制台。
等待Promise完成
有时候我们需要等待一个Promise对象完成后再执行下一步操作，这时可以使用then方法来实现。then方法会在Promise对象状态变为fulfilled后执行，它接收两个参数：成功回调和失败回调。
下面是一个示例，我们创建一个在3秒后返回成功的Promise对象，并在等待其完成后再执行下一步操作：
let promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('成功');
}, 3000);
});
promise.then((value) => {
console.log(value);
console.log('等待完成');
});
上面的代码中，我们创建了一个Promise对象，在等待3秒后成功，然后打印出成功和等待完成。
async/await
ES7引入了async和await关键字，使异步编程更加简洁优雅。async函数用来定义一个返回Promise对象的异步函数，而await用来等待Promise对象的处理结果。
基本用法
async函数返回一个Promise对象，可以使用then方法来同步处理结果。在async函数内部，可以使用await关键字等待Promise对象的结果。
下面是一个简单的示例，我们定义一个异步函数在3秒后返回成功，并在等待完成后打印结果：
async function wait() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('成功');
}, 3000);
});
}
async function run() {
let result = await wait();
console.log(result);
console.log('等待完成');
}
run();
上面的代码中，我们定义了一个wait函数返回一个延迟3秒的Promise对象，然后在run函数中使用await等待wait函数执行完成后打印结果。
总结
本文介绍了JavaScript中的等待问题，包括使用setTimeout和setInterval函数等待一段时间后执行操作，使用Promise对象处理异步操作并等待完成，以及使用async/await关键字实现更加简洁的异步编程。合理运用这些方法，可以更好地处理JavaScript中的等待问题，提高代码的可读性和可维护性。