Promise 回调地狱解决方式

释胤

于 2022-07-20 21:51:57 发布

阅读量295

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/qq_33565046/article/details/125901501

版权

本文通过两种方式展示了Promise的使用，演示了如何通过getTea()和getHotpot()两个异步函数获取数据。第一种是传统的链式调用，第二种是使用async/await进行异步控制。这两种方法都是JavaScript中处理异步操作的常见方式，有助于理解Promise在异步编程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



function getTea() {
    return new Promise(function (resolve) {
        setTimeout(() => {
            resolve('奶茶');
        }, 1000);
    })
}
function getHotpot() {
    return new Promise(function (resolve) {
        setTimeout(() => {
            resolve('火锅');
        }, 2000);
    })
}
// 第一种方法
getTea().then(function(data){
    console.log(data);
    return getHotpot()
}).then(function(data){
    console.log(data);
})
// 第二种
async function getData() {
    let result = await getTea()
    console.log(result);
    let result2 = await getHotpot()
    console.log(result2);
}
getData()