always方法 es6-promise-always

阿新 • • 發佈：2018-12-07

ES6添加了Promise物件，成功時在then中處理，失敗則在catch中處理，但有時候，我們需要在無論成功或失敗時都要做一些事，比如隱藏loading, 記錄日誌等等，

下面我們以瀏覽器端ajax請求為例，我們使用axios（它是基於Promise的）:

axios.get("/").then(()=>{

//處理邏輯

...

console.log("請求結束")

hideLoading();

}).catch(()=>{

console.log("請求結束")

hideLoading();

})

這樣的程式碼，很冗餘。每到這個時候都有點懷念jQuery：

$.get("/").done(()=>{

//處理邏輯

}).always(()=>{

console.log("請求結束")

hideLoading();

})

es6-promise-always正是對ES6的功能做了一個擴充，使其支援always，並同時支援node和browser.

使用

1.安裝

1	`npm` `install` `es6-promise-always --save`

2.引入使用

require("es6-promise-always")

axios.get("/").then(()=>{

//處理邏輯

}).always(()=>{

console.log("請求結束")

hideLoading();

})

always(data, error)

data: resolve的資料。

error: reject的資料。

always方法 es6-promise-always

ES6添加了Promise物件，成功時在then中處理，失敗則在catch中處理，但有時候，我們需要在無論成功或失敗時都要做一些事，比如隱藏loading, 記錄日誌等等，下面我們以瀏覽器端ajax請求為例，我們使用axios（它是基於Promise的）:

ES6 Promise對象then方法鏈式調用

res post AR 返回 ise AI down ole -m then()方法的作用是Promise實例添加解決（fulfillment）和拒絕（rejection）狀態的回調函數。then()方法會返回一個新的Promise實例，所以then()方法後面可以繼續跟另

ES6 promise 常用方法介紹

-a 一個數 msi LV 進行 es6 就是介紹回放一：promise 知識點：.then() catch() resolve()返回成功的值 reject（）返回失敗的值用法：連續調用上次請求值做下一步操作寫法：在第一步方法裏面new 一個Promsie方

深度解刨 ES6 promise.all 方法

介紹all 方法之前先簡單的來看下promise 定義： Promise 是非同步程式設計的一種解決方案，比傳統的解決方案——回撥函式和事件——更合理和更強大。它由社群最早提出和實現，ES6 將其寫進了語言標準，統一了用法，原生提供了P

es6 Promise.resolve()方法

Promise.resolve()方法有時需要將現有物件轉為 Promise 物件，Promise.resolve方法就起到這個作用。 const jsPromise = Promise.resolve($.ajax('/whatev

ES6 Promise物件之例項方法（2）

ES6 Promise物件之例項方法（2）上一篇關於Promise的文章介紹了Promise的基本用法，這一篇繼續上一篇，介紹Promise的各種方法：（1）Promise.prototype.then() then方法是定義在原型物件Promise.prototype上的。

深度解刨 ES6 promise.all 方法

介紹all 方法之前先簡單的來看下promise 定義： Promise 是非同步程式設計的一種解決方案，比傳統的解決方案——回撥函式和事件——更合理和更強大。它由社群最早提出和實現，ES6 將其寫進了語言標準，統一了用法，原生提供了Promise物件。

利用ES6-Promise()方法封裝原始jsonp實現跨域請求公用方法(告別使用JQuery封裝好的jsonp）

在專案中，經常需要用到jsonp實現跨域請求，假如使用JQuery封裝好的jsonp方法，是很容易實現的，缺點：需要引入JQuery庫。 $.ajax({ url : './package.json', type : 'get',

你是否也在學習ES6 Promise時遇到過這個問題？

spa ren 是我相關 eject 日誌關於 9.png window 背景周末閑來無事，隨便翻看了一下阮一峰老師的《ES6 標準入門》第2版，ps:之前在阮一峰老師的官網看過電子版，感覺幹貨滿滿，所以就買了紙質版；當看到第16章第4節 ‘Promise.proto

ES6-Promise

type 返回 ace 傳遞 tor 改變 don 統一 tar 依賴文件地址：https://github.com/chanceLe/ES6-Basic-Syntax/tree/master/js 1 <!DOCTYPE html> 2 <h

Es6 Promise 用法詳解

set 問題得到 math clas promise 回調 console spa Promise是什麽？？打印出來看看 console.dir(Promise) 這麽一看就明白了，Promise是一個構造函數，自己身上有all、reject、r

ES6 promise

完成進行 pan console bsp 狀態 ace 新建 () let promise = new Promise (function (resolve, reject) { if (true) { resolve(value) //異步操作成功時執行的代碼 } e

ES6 Promise 用法講解

返回 1-1 () xxxxx rejected 異步哪裏 cnblogs 否則 Promise是一個構造函數，自己身上有all、reject、resolve這幾個眼熟的方法，原型上有then、catch等同樣很眼熟的方法。那就new一個 var p = new Pr

數組去重方法(ES6)

turn any 數組去重 -m mas type span spa .proto 1 let arrayBefore = [1,3,3,2,1,5,2,1]; //去重之前的數組 2 3 Array.prototype.dedupe　= function

通過 ES6 Promise 和 jQuery Deferred 的異同學習 Promise

可選這樣的 () remove ted 普通 defined message jquer Deferred 和 Promise ES6 和 jQuery 都有 Deffered 和 Promise，但是略有不同。不過它們的作用可以簡單的用兩句話來描述 Deffered

ES6 promise簡單實現

com 方法大白 www. scrip 回調基礎篇 -i ech 基本功能實現： function Promise(fn){ //需要一個成功時的回調 var doneCallback; //一個實例的方法，用來註冊異步事件 thi

ES6 Promise的用法（摘抄）

run 最終 inf resolv console 理解 ret 進行 file Promise是一個構造函數，自己身上有all、reject、resolve這幾個眼熟的方法，原型上有then、catch等同樣很眼熟的方法。那就new一個 var p = new Prom

ES6 Promise 用法講解(轉)

超時最終 num mat 寫法方式分享定義 som Promise是一個構造函數，自己身上有all、reject、resolve這幾個眼熟的方法，原型上有then、catch等同樣很眼熟的方法。 var p = new Promise(function(reso

轉--ES6 Promise 用法講解

out aso 隨機數 -- syn res 一個個數最終 Promise是一個構造函數，自己身上有all、reject、resolve這幾個眼熟的方法，原型上有then、catch等同樣很眼熟的方法。那就new一個 var p = new Promise(fun

ES6 Promise 用法

方法截圖 spa 狀態 src img 捕捉問題數據用多了異步回調函數,起初看Promise也是一頭霧水....其實也很簡單: 由淺入深先看下面: Promise其實是一個構造函數; 用new操作符; Promise接收一個函數作為參數;先不看resolve和re

always方法 es6-promise-always

相關推薦