使用Promise避免回调地狱

jquery的ajax get等一众方法会返回一个Promise对象

可以把调用api之后的回调逻辑写在promise的

then(成功返回,对应resolve)

和catch(错误返回,对应reject)

两个函数里

function getfoo(){
    return $.ajax({url:"baidu.com"})
}
function getfuu(){
   return $.ajax({url:"baidu.com"})
}

    getfoo().then(value => {
        console.log(value);
        return getfuu();
    }).then(value => {
        console.log("bar");
    }).catch(err => {
        console.log(err);
    })

然后用await 来具体控制一个语句的同步执行,但同时要在相应的函数前面加上async

async function pin3(){
    await $.getJson(...)
    $.getJson(...)
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise 是一种用于处理异步操作的对象,它可以有效地解决回调地狱问题。回调地狱是指当多个异步操作依赖于前一个操作的结果时,嵌套的回调函数会导致代码难以理解和维护。 通过使用 Promise,我们可以将异步操作的结果链接在一起,形成一个链式调用Promise 提供了两个特殊的方法:`then` 和 `catch`。 使用 `then` 方法,我们可以在前一个操作完成后执行下一个操作,并将结果传递给下一个操作。这样可以避免嵌套的回调函数。 使用 `catch` 方法,我们可以捕捉链式调用中出现的任何错误,并进行相应的处理。 下面是一个使用 Promise 解决回调地狱问题的示例代码: ```javascript function asyncOperation1() { return new Promise((resolve, reject) => { // 异步操作1 // 在操作完成后调用 resolve 或 reject }); } function asyncOperation2() { return new Promise((resolve, reject) => { // 异步操作2 // 在操作完成后调用 resolve 或 reject }); } function asyncOperation3() { return new Promise((resolve, reject) => { // 异步操作3 // 在操作完成后调用 resolve 或 reject }); } asyncOperation1() .then(result1 => { // 处理异步操作1的结果 return asyncOperation2(); }) .then(result2 => { // 处理异步操作2的结果 return asyncOperation3(); }) .then(result3 => { // 处理异步操作3的结果 }) .catch(error => { // 处理错误 }); ``` 在上述示例中,每个异步操作返回一个 Promise 对象,并在操作完成后调用 resolve 或 reject。通过使用 `then` 方法,我们将每个操作链接在一起,形成一个链式调用。如果任何操作失败,会自动跳转到 `catch` 方法进行错误处理。 使用 Promise 可以让异步代码更易于理解和维护,避免回调地狱问题的出现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值