1. 程式人生 > >03-es6 新語法 Promise 的了解和基本使用

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

res spa The div json $.ajax con err 參數

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

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