什么时候是异步，等待，promise。所有需要在JavaScript？

Question

如果我有这个功能

function count(n){
  let num = 0
  for(let i = n; i--;){
    num++
  }
  return num
}

然后投入140000000，那么这将需要一秒钟来完成。如果我需要返回的值来继续一个函数的其余部分，我想我需要等待响应，这样我就可以使用响应了

async function doSomething(){
  const one = await count(140000000)
  const two = count(one)
  return two
}
async function count(n){
  let num = 0
  for(let i = n; i--;){
    num++
  }
  return num
}

但事实上，我认为它与其说是一个值，我需要传递到下一个函数中，让它工作，所以它基本上没有等待响应，因为它基本上发送一个函数作为参数，如

async function doSomething(){
  const two = count(count(140000000))
  return two
}

function count(n){
  let num = 0
  for(let i = n; i--;){
    num++
  }
  return num
}

async function parent2(){
  console.log('start')
  console.time('ALL')
  const numsToCount = [ 140000000, 170000000, 240000000 ]
  const res = await countNums2(numsToCount)
  // do other stuff with res
  const fin = count(res[0])
  console.timeEnd('ALL')
  console.log('end', fin)
}

async function countNums2(numsToCount){
  let countedNumsPromises = []
  for(let i = numsToCount.length; i--;){
    countedNumsPromises.push(count2(numsToCount[i]))
  }
  return Promise.all(countedNumsPromises)
}

async function count2(n){
  let num = 0
  for(let i = n; i--;){
    num++
  }
  return num
}

function parent1(){
  console.log('start')
  console.time('ALL')
  const numsToCount = [ 140000000, 170000000, 240000000 ]
  const res = countNums(numsToCount)
  console.timeEnd('ALL')
  console.log('end', res)
}

function countNums(numsToCount){
  let countedNums = []
  for(let i = numsToCount.length; i--;){
    countedNums.push(count(numsToCount[i]))
  }
  return countedNums
}

function count(n){
  let num = 0
  for(let i = n; i--;){
    num++
  }
  return num
}

const parents = [
 {name: 'Jon', pets: ['dodo', 'goofy']},
 {name: 'Tammy', pets: ['gigi', 'laffy', 'bigbird']},
 {name: 'Tom', pets: ['ralphy', 'goose']},
]

const res = await Promise.all(parents.map(async parent => {
  const res2 = await Promise.all(parent.pets.map(async pet => {
   ...
  }
}

async function doSomething(){
  await Promise.all([wait(1000),wait(2000),wait(1500)])
  wait(1000)
}

async function wait(ms){
  return new Promise((resolve) => setTimeout(resolve, ms));
}

所以，也许我在这里花了很多时间，但基本上，我如何实现同步编程，什么不适合速度，什么是正确使用异步和promise。所有vs只是根据需要将所有函数相互传递，让函数计算出前一个函数的所有等待。另外，我发现map，reduce和filter可能不是最快的，因为你会在同一个数据上循环多次，所以不像上面的例子，我试图坚持更多的循环，但我不想分散回答问题的注意力，但这是我试图去的方向。

Answer 1

promise（以及Async/Await）不是获取同步代码并加快其速度的工具。当你创造一个promise时，通常是因为你根本没有在计算任何事情，而是在等待一些外部的事情发生。

例如，您可能正在等待网络响应返回，或者您可能正在等待计时器过去，或者等待某人按下某个键。在发生这种情况时，您不能执行任何工作，所以您可以创建一个promise，然后停止运行任何代码。由于javascript是单线程的，停止运行代码对于让其他代码开始运行非常重要，包括浏览器的普通页面绘制代码。

promise是带有的对象。然后函数在其上。您可以调用。然后并传入一个函数，告诉它“嘿，当您等待完毕时，请调用这个函数”。Async/await只是简化了处理promise的语法:Async函数将自动创建promise，而awaitingpromise将自动调用.然后。