ES6 - promise对象的使用

UIEngineer

于 2018-02-05 21:53:09 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript高级 es5/es6

本文链接：https://blog.youkuaiyun.com/zjsfdx/article/details/79264833

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用Promise来避免JavaScript中常见的回调地狱问题。通过将一系列任务（如洗菜做饭、坐下来吃饭、收拾桌子洗碗）转换为Promise链，可以有效地简化异步操作并提高代码的可读性和维护性。

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

// promise可以解决回调地狱的问题
// 1.洗菜做饭   2.坐下来吃饭     3.收拾桌子洗碗
let state = 1;

function step1(resolve,reject){     //  同意，拒绝
    console.log('1.开始 - 洗菜做饭');
    if(state == 1){
        resolve('洗菜做饭 - 完成');
    }else{
        reject('洗菜做饭 - 错误');
    }
}

function step2(resolve,reject){     //  同意，拒绝
    console.log('2.开始 - 坐下来吃饭');
    if(state == 1){
        resolve('坐下来吃饭 - 完成');
    }else{
        reject('坐下来吃饭 - 错误');
    }
}

function step3(resolve,reject){     //  同意，拒绝
    console.log('3.开始 - 收拾桌子洗碗');
    if(state == 1){
        resolve('收拾桌子洗碗 - 完成');
    }else{
        reject('收拾桌子洗碗 - 错误');
    }
}

new Promise(step1).then(function(val){
    console.log('val = ' + val);
    return new Promise(step2);
}).then(function(val){
    console.log('val = ' + val);
    return new Promise(step3);
}).then(function(val){
    console.log('val = ' + val);
});

这里写图片描述