不同js异步函数同步的实现方法

完整攻略：

异步和同步的概念

在 JavaScript 中，异步和同步操作涉及到不同的编程模式。同步编程模式只会在一个代码块执行完毕之后才会开始下一个代码块的执行，而异步编程模式可以使代码在同一时间执行多个不同的代码块。

Promise

Promise 是一个 JavaScript 内置的对象，它可以简化异步编程中的回调嵌套，使代码更清晰易懂。 Promise 有三种状态：Pending（等待）、Resolved（已完成）和Rejected（已失败）。

//示例一：使用 Promise 和链式调用实现异步函数同步执行
function promiseExample1(){
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('Promise Example 1');
    }, 1000);
  });
}

promiseExample1()
  .then(result => console.log(result));

Async/Await

Async/Await 是 ES2017 版本中引进的异步编程特性，在 Promise 基础上进一步简化了异步代码的编写过程。Async 是一个用来声明异步函数的关键字，它在函数声明之前使用。Await 用于等待一个 Promise 对象完成。

//示例二：使用 Async/Await 实现异步函数同步执行
async function asyncExample2() {
  const result = await promiseExample2();
  console.log(result);
}

function promiseExample2() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('Promise Example 2');
    }, 1000);
  });
}

asyncExample2();

以上就是两种简洁清晰的方法用来将一个异步函数同步执行。通过 Promise 和 Async/Await 可以使异步代码变得更加可读、灵活和易于维护。