Promise中then和catch反回不同Promise對象該如何處理

代碼渣是事實(shí)，求指點(diǎn)或者有關(guān)問題的信息也行

const fs=require('fs');

const fspro=new Promise((resolve,reject)=>{
    fs.access(__dirname+'//game',(err)=>{
        if(!err){
            resolve(true);
        }else{
            reject(false);
        }
    });
});

fspro.then((result)=>{
    console.log(result);
}).catch((err)=>{
    console.log(err);
});

// 對于一個(gè)擁有回調(diào)的方法,我們可以輕松的把它改成一個(gè)Promise對象
// 他可以使用then 和 catch 其中放置著處理兩種不同情況的代碼
// 但是有沒有發(fā)現(xiàn),實(shí)際上then 和 catch 在本例中相當(dāng)于就是擔(dān)當(dāng)了
// true 和 false 代碼塊的角色
// 這本身并不復(fù)雜,但是常見的業(yè)務(wù)邏輯需要很多的判斷
// 比如打開一個(gè)文件的邏輯,當(dāng)然只是舉例而已
/**
 * 判斷一個(gè)文件是否存在
 *    存在            不存在
 *    打開             創(chuàng)建
 * 讀取  打不開     打開   創(chuàng)建不了
 *        報(bào)錯(cuò)              報(bào)錯(cuò)  (假設(shè)到這一層就不執(zhí)行操作了)
 */
// 參考這個(gè)邏輯,我們可以編寫如下的同步代碼(偽代碼)
if(hasfile){
    // 存在
    if(fileopen()){
        read();
    }else{
        throw Error('打不開');
    }
}else{
    // 不存在
    if(createfile('test')){
        read();
    }else{
        throw Error('無法創(chuàng)建');
    }
}
// 使用同步代碼書寫很正常,可是這如何換到Promise中?
const hasfile=new Promise((resolve,reject)=>{
    fs.access(__dirname+'//game',(err)=>{
        if(!err){
            resolve(true);
        }else{
            reject(err);
        }
    });
});
/**
 * 判斷一個(gè)文件是否存在
 *    存在        不存在
 *    打開         創(chuàng)建
 * 讀取  打不開  打開   創(chuàng)建不了
 *       報(bào)錯(cuò)             報(bào)錯(cuò)  (假設(shè)到這一層就不執(zhí)行操作了)
 */


// 為了保證Promise對象的鏈?zhǔn)秸{(diào)用,then 和 catch中返回下一個(gè)Promise對象
hasfile.then((result)=>{
    // 有文件,執(zhí)行打開方法
    const fsopenpro=new Promise((resolve,reject)=>{
        fs.open(__dirname+"http://game",(err,fd)=>{
            if(!err){
                resolve(fd);
            }else{
                throw Error(err);
            }
        });
    });
    return fsopenpro;
}).catch((err)=>{
    // 沒有文件,執(zhí)行創(chuàng)建方法
    const fscreatepro = new Promise((resolve, reject) => {
        fs.createfile(__dirname + "http://game", (err, fd) => {
            if (!err) {
                resolve(fd);
            } else {
                throw Error(err);
            }
        });
    });
    return fscreatepro;
    }) // 到目前為止,代碼進(jìn)行的很順利,可是到了下一步就不那么容易了
.then((result)=>{
    // fsopenpro 和 fscreatepro 都有可能執(zhí)行這個(gè)then


})
// Promise可不允許你向if那么容易的表達(dá)

回答

編輯回答

網(wǎng)妓

Promise適合做一些順序執(zhí)行的事情,簡單來說就是適合完成一個(gè)事件后再去執(zhí)行另外一件事情(并不單指執(zhí)行下一個(gè)then).如果要進(jìn)行帶容錯(cuò)處理的鏈?zhǔn)秸{(diào)用,例如判斷一個(gè)文件是否存在,then部分和catch部分執(zhí)行代碼不一樣,則必須保證then和catch返回的Promise也是相同的,不然下一個(gè)then中必須判斷執(zhí)行的是哪個(gè)分支才可以執(zhí)行相應(yīng)的代碼.這會(huì)變得十分繁瑣而且也偏離我們使用Promise的本意.

實(shí)際上對于一個(gè)問題的結(jié)果,例如操作一個(gè)文件,我們只關(guān)心其結(jié)果,完成或者沒有完成.但是獲取這個(gè)結(jié)果需要很多個(gè)步驟,每個(gè)步驟都是有可能出錯(cuò)的,而且出錯(cuò)也有相應(yīng)的修復(fù)邏輯

/**
 * 判斷一個(gè)文件是否存在
 *    存在            不存在
 *    打開             創(chuàng)建
 * 讀取  打不開     打開   創(chuàng)建不了
 *        報(bào)錯(cuò)              報(bào)錯(cuò)  (假設(shè)到這一層就不執(zhí)行操作了)
 */

完成上面的邏輯,單純用Promise來寫,將會(huì)變得十分繁瑣,保證Promise最后一個(gè)then或者catch是我們要的結(jié)果下,
任何比正常邏輯多出的分支必須在一個(gè)then或者catch里寫完才可以保證最后的結(jié)果只有一個(gè),例如上面部分邏輯的偽代碼

            hasfile.then(()=>{
                //返回不同效果的Promise,并且包含flag
            let Pro=new Promise(/*對應(yīng)后續(xù)打開文件的代碼*/);
                return {
                    hasfile:true,
                    pro:pro
                }
            }).catch(()=>{
                let Pro=new Promise(/*對應(yīng)后續(xù)創(chuàng)建文件的代碼*/);
                return {
                    hasfile:false,
                    pro:pro
                }
            }).then((result)=>{
                //這個(gè)時(shí)候執(zhí)行的Promise是不一樣的
                if(result.flag){
                    //如果還想繼續(xù)鏈?zhǔn)秸{(diào)用
                    //只能繼續(xù)包裝一個(gè)Promise對象并返回
                    //如果直接把result.pro的Promise執(zhí)行,那么鏈?zhǔn)秸{(diào)用就到此結(jié)束
                    
                    return new Promise((resolve,reject)=>{
                        //這里執(zhí)行的是打開的代碼,但是代碼本體卻是在上一個(gè)
                        //then里寫的
                        result.then((file)=>{
                            resolve(file);
                        }).catch((err)=>{
                            reject(err)
                        })
                    })
                }else{
                    
                }
            })

結(jié)果就是,Promise不適合干帶有過多邏輯分支或者循環(huán)的異步,不然要Generator和async干嘛

2017年5月13日 08:49

編輯回答

舊顏

按你的邏輯

fspro.then(
    ()=>{
        //存在，打開，讀取
    },
    ()=>{
        //不存在，創(chuàng)建
    }
).catch((err)=>{
    //統(tǒng)一接收報(bào)錯(cuò)
})

其實(shí)，有更好的邏輯, 先不判斷，直接讀取

readfile().then(
    (file)=>{
        //讀取成功走后續(xù)邏輯  
    },
    (err)=>{
        //讀取失敗，判斷錯(cuò)誤類型及錯(cuò)誤碼
        if(文件不存在錯(cuò)誤碼){
            //創(chuàng)建
        }else{
            //繼續(xù)拋出錯(cuò)誤
            throw err;
        }
    }
)
.catch(function(err){
    //統(tǒng)一接收報(bào)錯(cuò)
})

2018年3月2日 14:01

編輯回答