美文网首页
Promise的用法

Promise的用法

作者: 彬荣 | 来源:发表于2020-08-20 09:00 被阅读0次

第一种写法

    new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve("第一步异步打印")
        },1000)
    }).then(data=>{
        console.log(data)
        return new Promise(resolve=>{
            resolve(data+"======第二步打印")
        })
    }).then(data=>{
        console.log(data)
        return new Promise(resolve=>{
            resolve(data+"===第三步打印")
        })
    }).then(data=>{
        console.log(data)
    }).catch(err=>{
        console.log(err)
    })

第二种写法

    new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve("第一步异步打印")
        },1000)
    }).then(data=>{
        return Promise.resolve(data+"======第二步打印")
    }).then(data=>{
        return Promise.resolve(data+"===第三步打印")
    }).then(data=>{
        console.log(data)
    }).catch(err=>{
        console.log(err)
    })

第三种写法

    new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve("第一步异步打印")
        },1000)
    }).then(data=>{
        return data+"======第二步打印"
    }).then(data=>{
        return data+"===第三步打印"
    }).then(data=>{
        console.log(data)
    }).catch(err=>{
        console.log(err)
    })

Promise.all的用法

    Promise.all([
        new Promise((resolve,reject)=>{
            resolve({name:"liuxiaobin",age:80})
        }),
        new Promise((resolve,reject)=>{
            resolve({name:"zhangsan",age:80})
        })
        ]
    ).then(res=>{
        console.log(res)
    })

相关文章

  • promise详解

    Promise 用法api 1.基本用法 2.简便写法 Promise.all([]) Promise.race...

  • Promise 对象

    Promise 的含义 基本用法 Promise.prototype.then() Promise.prototy...

  • Promise 对象

    目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...

  • Promise扩展基础

    Promise.all基本用法: Promise.race基本用法: 直接调用成功状态: 函异步函数:

  • ES6——Promise

    Promise基本用法示例: let i=100; let promise=new Promise(functio...

  • Promise 的使用

    使用Promise 基本用法 A Promise is an object representing the ev...

  • 手写Promise

    $ 正常的promise用法   $ 手写的Promise   # 测试可行性

  • Promise

    一.Promise常见用法 function doSth() { return New Promise(func...

  • ES6-Promise

    参考链接: 1.阮一峰Promise解读 2.Promise用法讲解 Promise含义 Promise是异步编程...

  • 阿里电话面试

    1、请你说明this的用法2、请说明Promise的用法3、

网友评论

      本文标题:Promise的用法

      本文链接:https://www.haomeiwen.com/subject/yutsjktx.html