03-es6 新語法 Promise 的了解和基本使用
阿新 • • 發佈:2019-04-04
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 的了解和基本使用