Angularjs的promise物件詳解
- php中世界最好的语言原創
- 2018-03-08 10:24:031894瀏覽
這次帶給大家Angularjs的promise物件詳解，使用Angularjs的promise物件時注意事項有哪些，下面就是實戰案例，一起來看一下。
promise是什麼？要了解它，需要先從我們面臨的問題開始講起。在操作ajax非同步請求時候，必須添加一個callback函數，用於處理請求成功後的邏輯，但是這種方式是以犧牲控制流，異常處理為代價的，並且還有可能陷入callback函數巢狀中，流程複雜，程式碼臃腫。在angularjs裡面，處理非同步，我們可能會先想到用$watch監聽器來實現，但是過多的監聽器，會影響效能，程式碼結構上也會比較亂。
為了解決這種情況，在Angularjs裡面引入了promise物件的概念，確切的說，它是一種優雅的處理非同步程式設計的模式，可以有效地解決回呼函數的繁瑣，並以一種同步的方式去處理業務流程。同時允許在回調中採用鍊式寫法，接下來我們詳細的說明promise物件的使用方法：
promise的基本概念和使用方法
1、為了更形象的說明promise的概念，進一步了解她的屬性和方法，在這裡我們透過一個例子來比擬描述。
例如：一個名為A的客戶，向一家名為B的公司要求開發一個WEB頁面，B公司答應三天可以做完，這成活就是一個promise對象，它本質上是A客戶發起來的延期業務，在Angular裡面我們可以理解為透過$q物件呼叫defer方法創建了一個延期物件的過程。
2、接下來在這三天當中，客戶可能會與公司進行開發進度交流，這可以理解為調用延期對象的8e99a69fbe029cd4e2b854e244eab143notify128dba7a3a77be0113eb0bea6ea0a5d0方法發送訊息的過程,表明這個延期業務的狀態是"未完成或進行中"；如果在三天以後，B公司將A客戶要求開發的頁面正常交付，則可以理解為調用眼器對像中的6617fd2188b7c67cf3783468f5ec15ffresolve128dba7a3a77be0113eb0bea6ea0a5d0方法過程，表明這個延期業務的狀態是"已完成"；而如果B公司在製作過程中，發現無法實現，則同坐A客戶不能交付，這可以理解為調用延期對象中的8e99a69fbe029cd4e2b854e244eab143reject128dba7a3a77be0113eb0bea6ea0a5d0方法的過程，表明這個延期業務的狀態是"無法完成"。
3.如果B公司在接到A客戶需求的時候，發現之前做過一個專案與現在需求完全一致，決定將原來做好的專案直接給B公司，客戶也很滿意。這種情況沒有產生延期業務，則可以理解為透過$q物件呼叫when方法的過程。
4、透過這個例子，我們可以群體給的看出，A客戶和B公司彼此都沒有小號太多的時間，過程也非常通常，這正是promise對象的重要特徵。此外，從例子中我們形象的知道了promise物件的創建過程。以及defer()、notify()、reject()、when()方法表示的功能。
下面，我們正是來介紹promise物件的創建過程。想要在Angular中創建一個promise對象，必須在模板中先註入$q服務，並先調用defer方法創建一個延期對象，代碼如下：
angular.module("a",[])
.controller("c",["$scope","$q",function($scope,$q){ var defer=$q.defer();
}])相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
#以上是Angularjs的promise物件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！