Promise1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
    * 接受两个函数作为参数，分别代表成功fulfilled和失败reject
    * .then (0返回一个新的promise 实例，所以可以链式调用；
    * 当前一个promise状态改变时，.then()根据其最终状态，选择特定的状态响应函数执行
    * 状态响应函数可以返回新的promise ，或 其他值，不返回值我们可以人文返回一个null；
    * then始终在promise返回结果后执行
    *
    *
    * then()嵌套then()
    * 1. then()返回的还是promise实例
    * 2. 会等待里面的then执行完毕，在执行外面的
    *
    *
    * 遇到这种情况（展开也行嵌套也行），将其展开，便于阅读
     */
//    嵌套写法
//     new Promise(resolve => {
//         console.log("step 1");
//         setTimeout(()=>{
//             resolve("100")
//         },1000)
//     })
//         .then(value => {
//             console.log(value) //100
//             return new Promise(resolve => {
//                 console.log("step 1-1");
//                 setTimeout(()=>{
//                     resolve("110")
//                 },1000)
//             })
//                 .then(value =>{
//                     console.log("step 1-1-1");
//                     return value
//                 })
//                 .then(value =>{
//                     console.log("step 1-1-2");
//                     return value
//                 })
//                 .then(value =>{
//                     console.log("step 1-1-3");
//                     return value
//                 })
//         })
//         .then(value => {
//             console.log(value) //110
//             console.log("step 2")
//         })


//    展开 --写法（推荐）
    new Promise(resolve=>{
        console.log("step 1");
        setTimeout(()=>{
            resolve("100")
        },1000)
    })
        .then(value => {
            console.log(value) //100
            return new Promise(resolve => {
                console.log("step 1-1");
                setTimeout(()=>{
                    resolve("110")
                },1000)
            })
        })
        .then(value => {
            console.log("step 1-2");
            return value
        })
        .then(value => {
            console.log("step 1-3");
            return value
        })
        .then(value => {
            console.log(value)
            console.log("step 2");
        })
</script>
</body>
</html>
Promise1

推荐阅读更多精彩内容
