首頁 >web前端 >js教程 >Angularjs的promise物件詳解

Angularjs的promise物件詳解

php中世界最好的语言
php中世界最好的语言原創
2018-03-08 10:24:031898瀏覽

這次帶給大家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中文網其它相關文章!

相關閱讀:

WEB的介面管理工具

#ionic應用程式里文字不能長按複製、貼上怎麼辦

#

以上是Angularjs的promise物件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn