关于promise

Posted bamboopanders

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于promise相关的知识,希望对你有一定的参考价值。

promise 是为了解决异步操作(回调地狱)

function one(){

 setTimeOut(()=>{

console.log("吃饭")
),3000
}

function two(){

 setTimeOut(()=>{

console.log("睡觉")
),3000
}

function two(){

 setTimeOut(()=>{

console.log("打豆豆")
),3000
}

用promise

funtion one(){

return new Promise((resolve,reject)=>{

setTimeout((resolve,reject)=>{

  resolve("吃饭”)
),1000}

  
})
}

funtion two(){

return new Promise((resolve,reject)=>{

setTimeout((resolve,reject)=>{

  resolve(“睡觉”)
),1000}

  
})
}

funtion three(){

return new Promise((resolve,reject)=>{

setTimeout((resolve,reject)=>{

  resolve(“打豆豆”)
),1000}

  
})
}

one().then((sucess)=>{

  console.log(sucess)

 return two()
}).then((sucess)=>{

  console.log(sucess)

 return three()
}).then((sucess)=>{

  console.log(sucess)


})

同时promisr 还可以与async&await结合使用

 async function fn(){

  const onestr = await one() =>当one中的promise执行完毕后将结果返回;

      console.log(onestr)

      const twostr = await one() =>当two中的promise执行完毕后将结果返回;   console.log(onestr)

      const threestr = await one() =>当three中的promise执行完毕后将结果返回;   console.log(onestr)
}

以上是关于关于promise的主要内容,如果未能解决你的问题,请参考以下文章

关于Promise详解

javascript 循环中调用异步的同步需求

聊一聊Promise

# Promise的简单理解和基本使用

# Promise的简单理解和基本使用

Generator 协程工作原理