03-es6语法 Promise 和 es8语法 async await 的了解和基本使用

 //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);
   });

 　　

 　　// async 和 await

 　　const fs = require('fs');
 　　const axios = require('axios');

 　　// 1.说明 : async 和 await 是 es8 中提出的新语法
 　　// 2.作用 : 用 `编写同步代码` 的方式 处理异步 , 处理的更彻底
 　　// 3. async 和 await 的基本使用 :
 　　　　// ① async : 修饰一个函数(内部有异步操作的函数)
 　　　　// ==> 格式 : async function fn() { }
 　　　　// ② await : 修饰一个异步操作(promise 实例)
 　　　　// ==> 格式 : await 异步操作(promise 实例)

 　　　　async function fn() {
 　　　　　　//正确执行try里面的代码
 　　　　　　try {
 　　　　　　//axios.get('http://localhost:3000/first') ==> promise 实例
 　　　　　　let data = await axios.get('http://localhost:3000/first');
 　　　　　　console.log('成功操作', data);
 　　　　　　} catch (err) {
 　　　　　　//错误执行catch 里面的代码
 　　　　　　console.log('失败操作');
 　　　　　　}
 　　　　}

 　　　　fn();
 　　　　// 4. 注意点 : ① async 和 await 是成对出现的
 　　　　　　　　　　 // ② async 和 await 处理异常(报错) 需要配黑 try {} catch() {}
 　　　　　　　　　　 // ③ async 一定要加载 await 外部最近的一个函数上面