AngularJS 如何在Protractor中创建和操作promises

在本文中，我们将介绍如何在Protractor中创建和操作promises。Promises是一种用于处理异步任务的技术，可以帮助我们更好地管理和组织代码。

什么是Promise？

Promise是一种代表未来结果的对象。它有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当我们执行一个异步任务时，Promise可以通过链式调用来处理结果，并在任务完成后执行相应的操作。

在AngularJS中，我们可以使用内置的 $q服务来创建Promise。$ q服务提供了一些方法，如defer（）和when（）来创建和管理Promise。

创建Promise

我们可以使用$q的defer（）方法来创建一个deferred object（延迟对象），并将其promise属性返回。defer（）方法返回的deferred对象有两个主要方法：resolve（）和reject（）。当异步任务成功完成时，我们可以调用resolve（）方法来改变Promise的状态为fulfilled；当异步任务失败时，我们可以调用reject（）方法来改变Promise的状态为rejected。

var deferred = $q.defer();
var promise = deferred.promise;

promise.then(function(result){
   console.log("success: " + result);
}, function(error){
   console.log("error: " + error);
});

在上面的示例中，我们首先使用defer（）方法创建一个deferred对象并返回其promise属性。然后，我们使用promise的then（）方法来绑定成功和失败的回调函数。当promise的状态改变时，相应的回调函数将被调用。

操作Promise

在Protractor中，我们经常使用Promise来处理异步任务，如执行异步的UI操作或等待页面加载完成。

等待页面加载完成

browser.get("https://www.example.com");

browser.waitForAngular().then(function(){
   console.log("Page loaded successfully.");
});

在上面的示例中，我们使用waitForAngular（）方法来等待页面加载完成。该方法返回一个Promise，我们可以在then（）方法中继续执行其他操作。

链式调用Promise

Promise可以通过链式调用来处理多个异步任务。我们可以使用then（）方法来定义一个Promise成功后的操作，并返回一个新的Promise。

promise.then(function(result){
   console.log("success: " + result);
   return result * 2;
}).then(function(result){
   console.log("doubled: " + result);
});

在上面的示例中，我们首先定义了一个成功回调函数，当Promise成功后，将结果翻倍并返回一个新的Promise。然后，我们定义了第二个回调函数，当第一个Promise成功后，执行翻倍后的结果。

并行执行Promise

我们可以使用$q的all（）方法来并行执行多个Promise。all（）方法接受一个Promise数组，并返回一个新的Promise，当所有Promise都成功后，该Promise将被解析。

var promise1 =  $http.get("https://api.example.com/data1"); var promise2 =$ http.get("https://api.example.com/data2");

$q.all([promise1, promise2]).then(function(results){
   console.log("All promises resolved.");
   console.log(results[0].data);
   console.log(results[1].data);
});

在上面的示例中，我们使用了 $http服务来发起两个异步请求，并使用$ q的all（）方法来并行执行这两个请求。当两个请求都成功后，我们可以在then（）方法中访问结果。