Promise的使用场景

最新推荐文章于 2024-02-25 16:43:53 发布

web前端狗

最新推荐文章于 2024-02-25 16:43:53 发布

阅读量708

点赞数

分类专栏：知识点笔记文章标签：前端 javascript vue.js es6

本文链接：https://blog.csdn.net/crazyfeeling/article/details/125423292

版权

知识点笔记专栏收录该内容

26 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中如何使用async/await关键字处理异步请求，通过一个示例展示了如何等待Promise完成并解析响应数据。同时，还讨论了分步请求的实现，先进行身份验证再进行后续操作的场景，详细解释了如何在身份验证成功后发起新的Promise请求获取用户信息。

摘要由CSDN通过智能技术生成

1.await && async 关键字等待请求

async function test(){
  var message = await new Promise((resolve,reject)=>{
      setTimeout(function(){
        resolve("{message:'hello'}")
      },3000)
  })
  .then(value=>{ return JSON.parse(value) })
  .then(value=>{
      return value
  })
  console.log(message)
}

2.分步请求

var message = new Promise((resolve,reject)=>{
     //正式请求前先请求验证
      setTimeout(function(){
         resolve('success')
      },3000)
}).then(value=>{
    if(value=='success'){//身份验证成功
        return new Promise((resolve,reject)=>{
            setTimeout(function(){
                resolve({username:'xx'})
            },3000)
        })
    }
})

message.then(res=>{
    console.log(res.username)
})