Promise语法和回调函数基本格式

心已赠人 2022-02-28 04:24 181阅读 0赞

# 一、回调函数 #

### 案例一 ###

callback&callback()是短路运算符，只有前面为true才执行后面

### 案例二  ###

// 1. 如果函数需要回调参数，一定是在参数的最后出现
    // function getFileAsync(path, callback){
    //   if(错误){
    //     callback(new Error('xxx 错误'));
    //   }else{
    //     callback(null, data);
    //   }
    // }
    
    // 2. 错误优先的回调函数
    function isEvenOrOdd(number, callback){
      if(typeof number ==='number'){
        if(number % 2){
          // 奇数
          callback(null, '当前传入的是奇数');
        } else{
          callback(null, '当前传入的是偶数');
        }
      }else{
        throw new Error('你传入的不是数字');
        callback(new Error('你传入的不是数字'));
      }
    }
    
    // 约定将错误信息作为回调的第一个参数
    isEvenOrOdd(10, (error,data)=>{
      if(error) throw error;
      console.log(data);
    });
    
    
    isEvenOrOdd(11, (error,data)=>{
      if(error) throw error;
      console.log(data);
    });
    
    isEvenOrOdd('asda', (error,data)=>{
      if(error) throw error;
      console.log(data);
    });

# 二、Promise写法  #

在Promise中可以通过.then的第二个参数获取reject()，也可以通过.catch获取

### 案例一 ###

### 案例二Ajax的Promise用法 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RDRl9KaW5nRmVuZw_size_16_color_FFFFFF_t_70]: /images/20220228/100145dcc634453587cd65ba64b968d4.png