JavaScript实现同时调用多个函数的方法

为了实现同时调用多个函数，有两种方法可以选择：串行和并行。串行指的是按照指定的顺序依次执行函数，而并行指的是同时执行所有函数，不关心它们的顺序。

串行调用函数的方法

方法一：Promise

利用 ES6 的 Promise 实现，可以方便地实现多个函数的串行调用。

Promise 对象的主要作用是为处理异步操作提供一个统一的接口，其中包含三个状态：进行中（pending）、已成功（fulfilled）和已失败（rejected）。

例如，下面的示例中有三个函数，我们需要按顺序依次执行它们：

function func1() {
  console.log('Function 1')
}

function func2() {
  console.log('Function 2')
}

function func3() {
  console.log('Function 3')
}

我们可以使用 Promise 实现串行执行：

Promise.resolve()
  .then(func1)
  .then(func2)
  .then(func3)

在上面的代码中，我们使用了 Promise.resolve()，它会返回一个 Promise 对象，并且立即执行所有 then 方法中的回调函数。由于第一个 then 方法中的回调函数是空的，所以它就相当于是一个空转，不做任何操作，只是在 Promise 链的开头建立了一个起点。随后依次执行 func1、func2 和 func3 方法。

方法二：async/await

另外一种实现串行调用的方法是使用 async/await，它在处理异步操作方面有更清晰和简单的语法。

例如，我们想按照这样的顺序执行 func1、func2 和 func3：

function func1() {
  console.log('Function 1')
  return Promise.resolve()
}

function func2() {
  console.log('Function 2')
  return Promise.resolve()
}

function func3() {
  console.log('Function 3')
}

可以使用 async/await 实现串行调用：

async function serialFunc() {
  await func1()
  await func2()
  func3()
}
serialFunc()

在上面的代码中，我们定义了一个名为 serialFunc 的函数，它使用了 async 关键字来表示它内部存在异步操作。await 关键字可以暂停函数的执行，等待 Promise 成功后才能继续执行下一行代码。

并行调用函数的方法

方法一：Promise.all()

Promise.all() 方法允许我们同时执行多个异步操作，并在所有操作完成后返回结果。

例如，我们要同时执行 func1、func2 和 func3 函数，可以使用 Promise.all() 实现：

Promise.all([func1(), func2(), func3()])
  .then(() => {
    console.log('All functions completed')
  })

在上面的代码中，我们将 func1、func2 和 func3 函数作为 Promise 对象放入一个数组中，并将该数组传递给 Promise.all() 方法。当所有的 Promise 对象都已成功时，Promise.all() 返回成功消息，完成整个异步操作。

方法二：使用 Promise 和 async/await 配合

我们还可以将 Promise 和 async/await 组合使用，实现并行调用多个函数。

例如，我们要同时执行 func1、func2 和 func3 函数，可以按如下方式实现：

async function parallelFunc() {
  const promises = [func1(), func2(), func3()]
  await Promise.all(promises)
  console.log('All functions completed')
}
parallelFunc()

在上面的代码中，我们首先将 func1、func2 和 func3 函数作为 Promise 对象放入一个数组中，然后使用 Promise.all() 等待所有 Promise 对象的完成。当所有 Promise 对象完成时，打印出 'All functions completed'。

注意，在上面的两个示例中，并行调用多个函数意味着它们之间没有互相依赖关系，因此可以在任何时候按照任意顺序执行它们。如果你需要保持它们的顺序，那么应该使用串行调用函数的方法。