js等一个函数运行完才执行下一步
时间: 2023-12-19 14:07:43 浏览: 29
你可以使用 JavaScript 中的回调函数、Promise 或 async/await 等方式来实现等待一个函数运行完才执行下一步的操作。
其中,回调函数是最基础的实现方式,你可以在函数中传入一个回调函数,在函数执行完成后再调用回调函数,例如:
```
function doSomething(callback) {
// 执行某些操作
// ...
// 执行完成后调用回调函数
callback();
}
doSomething(function() {
// 这里是等待 doSomething 函数执行完成后执行的代码
});
```
Promise 则是 ES6 中新增的语法,可以更方便地处理异步操作,例如:
```
function doSomething() {
return new Promise(function(resolve, reject) {
// 执行某些操作
// ...
// 执行完成后调用 resolve 函数
resolve();
});
}
doSomething().then(function() {
// 这里是等待 doSomething 函数执行完成后执行的代码
});
```
async/await 则是基于 Promise 的语法糖,可以更简洁地实现等待函数执行完成后执行下一步操作,例如:
```
async function doSomething() {
// 执行某些操作
// ...
// 等待执行完成
await new Promise(function(resolve, reject) {
// 执行某些操作
// ...
// 执行完成后调用 resolve 函数
resolve();
});
// 执行完成后继续执行下一步操作
}
doSomething().then(function() {
// 这里是等待 doSomething 函数执行完成后执行的代码
});
```