标题：angularPromise:Angular Promise入门模板
内容：Angular Promise入门模板在AngularJS框架中，Promise是一种处理异步操作的重要机制，它使得代码可以按照同步的方式编写，而实际执行时仍然是异步的。Promise代表了一个未来可能完成的操作，允许我们注册回调函数来处理操作完成时的结果，无论是成功还是失败。
- Promise的基本概念
Promise有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。一旦状态由pending变为fulfilled或rejected，就不会再改变，这就是Promise的\"最终性\"或\"单次性\"。每个Promise实例都有两个方法：then和catch，分别用于处理成功和失败的情况。
let promise = new Promise((resolve, reject) =>; {
//异步操作
});
promise.then(result =>; {
//处理成功
}).catch(error =>; {
//处理失败
});
- AngularJS中的$Q服务
AngularJS提供了一个名为$Q的服务，它是一个工厂函数，用于创建Promise。$Q的主要方法有defer()、resolve()、reject()和all()。
-
defer()：创建一个带有resolve和reject方法的延迟对象，这两个方法分别用于改变Promise的状态。 -
resolve()：将Promise的状态设置为fulfilled，并传递一个结果值。 -
reject()：将Promise的状态设置为rejected，并传递一个错误原因。 -
all()：当所有传入的Promise都变为fulfilled时，返回一个新的Promise，其结果是一个包含所有原Promise结果的数组。
let deferred = $q.defer();
let promise = deferred.promise;
//异步操作
setTimeout(() =>; {
if (/*操作成功*/) {
deferred.resolve('操作成功');
} else {
deferred.reject('操作失败');
}
}, 1000);
promise.then(result =>; {
console.log(result);
}).catch(error =>; {
console.error(error);
});
3.链式调用
Promise的一大优势是能够进行链式调用，这使得我们可以组织更复杂的异步逻辑，同时保持代码整洁。
function asyncTask1() {
return $http.get('url1').then(response1 =>; {
//处理response1
return response1.data;
});
}
asyncTask1().then(data1 =>; {
//处理data1
return asyncTask2(data1);
}).then(data2 =>; {
//处理data2
}).catch(error =>; {
//处理错误
});
4.使用$q.all处理多个Promise
如果你需要等待多个Promise同时完成，可以使用$q.all。它接收一个Promise数组，并在所有Promise都变为fulfilled时返回一个新的Promise。
let promises = [
$http.get('url1'),
$http.get('url2'),
$http.get('url3')
];
$q.all(promises).then(results => {
// results是一个包含所有请求结果的数组
// results[0]是url1的结果
// results[1]是url2的结果
// results[2]是url3的结果
}).catch(error => {
//处理错误
});
5.错误处理
在AngularJS中，未被捕获的Promise错误会默默地被吞掉，为了避免这种情况，推荐在应用的根模块中注入$rootScope并监听$rootScope.$'$exceptionHandler')事件。
$rootScope.$on('$exceptionHandler', function(event, exception) {
//记录错误日志或显示错误提示
});
暂无评论