三. 为什么要用Promise

古城微笑少年丶 2023-02-24 11:23 9阅读 0赞

# 三. 为什么要用Promise
    /*
    1.指定回调函数的方式更加灵活：
    旧的：必须在启动异步任务前指定
    promise：启动异步任务 => 返回promie对象 => 给promise对象绑定回调函数(甚至可以在异步任务结束后指定)
    2. 支持链式调用，可以解决回调地狱问题
    什么是回调地狱？回调函数嵌套调用，外部回调函数异步执行的结果是嵌套的回调函数执行的条件
    回调地狱的缺点？ 不便于阅读 ／ 不便于异常处理
    解决方案？promise链式调用
    终极解决方案？async/await 
    */
    
    // 以下代码为伪代码
    
    // 成功的回调函数
    function successCallback(result) {
        
    	console.log("声音文件创建成功："+ result);
    }
     // 失败的回调函数
    function failureCallback(error) {
        
    	console.log("声音文件创建失败："+ error);
    }
    
    /* 1.1 使用纯回调函数“7*/
    createAudioFileAsync(audioSettings, successCallback, failureCallback)
    
    /* 1.2，使用Promise */
    const promise = createAudioFileAsync(audioSettings);// 2
    setTimeout(()=> {
        
    	promise.then(successCallback, failureCallback);
    J, 3000);
        
    /*2.1.回调地狱 */
    doSomething(function(result) {
        
    	doSomethingElse(result, function(newResult) {
        
    		doThirdThing(newResult, function(finalResult) {
        
    			console.log('Got the final result:' + finalResult)
            }, failureCallback)
        }, failureCallback)
    }, failureCallback);
        
    //2.2. 使用promise的链式调用解决回调地狱
    doSomething()
    .then(function(result) {
        
    	return doSomethingElse(result)
    })
    .then(function(newResult){
        
    	return doThirdThing(newResult)
    }) 
    .then(function(finalResult) {
        
    	console.log('Got the final result: '+ finalResult)
    })
    .catch(failureCallback)
        
    // 2.3. async/await：回调地狱的终极解决方案
    async function request(){
        
        try {
        
            const result = await dosomething()
            const newResult = await doSomethingElse(result)
            const finalResult = await doThirdThing(newResult)
            console.log('Got the final result:' + finalResult)
        } catch (error){
        
        	failureCallback(error)
        }
    }