03-es6 新语法 Promise 的了解和基本使用

// Promise 

// 1.说明 : Promise 是 es6 中提出的新语法
// 2.作用 : 用 '用户编写同步代码' 的方式 '处理异步' 的一种解决方案
// 3.以前 : 处理异步 , 都是通过回调处理的 ,
  // ==> 比如 :

    setTimeout(() => {}, 0);

    $.ajax({
      url: '',
      type: '',
      data: {},
      dataType: json,
      success: res => {
        $.ajax({
          url: '',
          type: '',
          data: {},
          dataType: json,
          success: res => {
            $.ajax({
              url: '',
              type: '',
              data: {},
              dataType: json,
              success: res => {}
            });
          }
        });
      }
    });


// 现在 : 可以使用 Promise 解决回调地狱的问题
  //// ==> 比如 :
 
    promise.then().then().then() ...
  
// 4.Promise 的基本使用
  // ① Promise 是一个构造函数
  // ② () 中是一个回调函数 => 里面有两个参数 :
    // 参数 1: resolve: 一个回调 => 成功操作会调用
    // 参数 2: resolve: 一个回调 => 成功操作会调用
  // ③ promise 里面一般会放一个异步操作 :
    // 比如 :

 
  const p = new Promise((resolve, reject) => {
    setTimeout(() => {
      // 成功操作时执行 : resolve()
      // 失败操作时执行 : reject()
    }, 0);
  });

// 5.示列 (用 promise 封装一个异步读取文件 node.js)

  const fs = require('fs');
  //封装
  const p = new Promise((resolve, reject) => {
    fs.readFile('路径', 'utf//8', (err, data) => {
      // 处理错误
      if (err) {
        return reject(err);
      }
      resolve(data);
    });
  });

  // 使用
  p.then(res => {
    console.log(res);
  }).catch(err => {
    console.log(err);
  });

猜你喜欢

转载自www.cnblogs.com/sikongdada/p/10652559.html
今日推荐