Angular1.x 中的 $promise 和 $q 承诺有什么区别

AngularJS

AngularJS是一种流行的JavaScript框架，它提供了一种方便的方式来构建单页应用程序。在AngularJS 1.x版本中，我们经常会遇到两种不同的承诺（Promise）实现方式：$promise和$q。这两种承诺实现方式在功能和用法上有一些区别，让我们来详细了解一下。

$promise：

在AngularJS 1.x中，$promise是AngularJS内置的承诺实现方式之一。它是基于ES6中的Promise实现的，提供了一种简单的方式来处理异步操作。$promise对象具有then()和catch()方法，可以用于处理异步操作的成功和失败情况。

$q：

与$promise类似，$q是AngularJS 1.x中的另一种承诺实现方式。它是AngularJS自己的承诺实现，提供了与ES6 Promise类似的功能。$q对象也具有then()和catch()方法，用于处理异步操作的成功和失败情况。

尽管$promise和$q在功能上非常相似，但它们在用法上有一些区别。

用法区别：

在使用$promise时，我们需要通过调用then()方法来注册成功和失败的回调函数。例如：

var promise = $http.get('url');
promise.then(function(response) {
  // 处理成功情况
}, function(error) {
  // 处理失败情况
});

而在$q中，我们可以直接使用then()方法来注册成功和失败的回调函数，也可以使用catch()方法来注册失败的回调函数。例如：

var promise = $http.get('url');
promise.then(function(response) {
  // 处理成功情况
}).catch(function(error) {
  // 处理失败情况
});

在$promise中，我们还可以使用finally()方法来注册一个无论成功还是失败都会执行的回调函数。而在$q中，我们需要使用finally()方法来注册这样的回调函数。

案例代码：

让我们以一个简单的示例代码来说明$promise和$q的用法区别。假设我们有一个异步请求，返回一个数字，我们需要对这个数字进行平方操作。

首先，我们使用$promise来实现：

function squareNumberWithPromise(number) {
  var deferred = $q.defer();
  setTimeout(function() {
    if (typeof number === 'number') {
      deferred.resolve(number * number);
    } else {
      deferred.reject('Invalid input');
    }
  }, 1000);
  return deferred.promise;
}
var promise = squareNumberWithPromise(5);
promise.then(function(result) {
  console.log(result); // 输出 25
}).catch(function(error) {
  console.log(error);
});

然后，我们使用$q来实现：

function squareNumberWithQ(number) {
  return $q(function(resolve, reject) {
    setTimeout(function() {
      if (typeof number === 'number') {
        resolve(number * number);
      } else {
        reject('Invalid input');
      }
    }, 1000);
  });
}
var promise = squareNumberWithQ(5);
promise.then(function(result) {
  console.log(result); // 输出 25
}).catch(function(error) {
  console.log(error);
});

通过上述示例代码，我们可以看到$promise和$q的用法非常相似，只是在创建承诺对象的方式上稍有不同。

：

尽管$promise和$q在功能上非常相似，但在用法上有一些区别。$promise是基于ES6 Promise实现的，$q是AngularJS自己的实现。在使用上，$promise使用then()和catch()方法来注册回调函数，而$q可以直接使用then()方法来注册成功和失败的回调函数，也可以使用catch()方法来注册失败的回调函数。此外，$promise还提供了finally()方法来注册一个无论成功还是失败都会执行的回调函数。无论选择哪种承诺实现方式，都可以很方便地处理异步操作。

希望本文能够帮助读者更好地理解AngularJS中的$promise和$q承诺的区别和用法。