0、异步编程

1、同步与异步

2、以往的异步编程模式

异步返回值

 function double(value, callback) {
            setTimeout(() => {
                callback(value * 2)
            }, 2000)
        }
        double(3, (x) => { console.log(`回来的数值为:${x}`); })
        //回来的数值为:6
        //会在2000毫秒后打印

失败处理

 // 第一参数为值
 // 第二参数为正确的回调
 // 第三参数为失败的回调
 function double(value, success, failure) {
     setTimeout(() => {
         try {
             if (typeof value !== 'number') {
                 throw '必须提供数字作为第一个参数'
             }
             success(value * 2)
         } catch (e) {
             failure(e)
         }
     }, 2000)
 }
 const successCallback = (x) => console.log(`success:${x}`);
 const failureCallback = (e) => console.log(`failure:${e}`);
 double(3, successCallback, failureCallback)//success:6
 double('b', successCallback, failureCallback)//failure:必须提供数字作为第一个参数

3、嵌套异步回调(回调地狱)

 // 第一参数为值
 // 第二参数为正确的回调
 // 第三参数为失败的回调
 function double(value, success, failure) {
     setTimeout(() => {
         try {
             if (typeof value !== 'number') {
                 throw '必须提供数字作为第一个参数'
             }
             success(value * 2)
         } catch (e) {
             failure(e)
         }
     }, 2000)
 }
 const successCallback = (x) => double(x, (y) => { console.log(`success:${y}`); })
 const failureCallback = (e) => console.log(`failure:${e}`);
 double(3, successCallback, failureCallback)//success:12