为什么我的承诺里面的函数没有运行

Why is the function inside my promise not running

本文关键字：函数 运行 我的 承诺 为什么      更新时间：2023-09-26

我听说$q和promise非常适合同步编程。

我希望第二个函数在第一个函数之后运行，因为第一个函数有超时。所以我想让mt第一个函数在第二个函数操作前先完成运行

我的代码是: 

<head>
  <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
</head>
<body ng-app="myApp">
  <div ng-controller="myCtrl">
      <button ng-click="myClick()">Click Me!</button>
  </div>
  <script type="text/javascript">
     angular.module('myApp', [])
    .controller('myCtrl',['$scope', '$timeout', '$q', function($scope, $timeout, $q){
    $scope.functionOne = function(){
      return $q(function(resolve, reject){
        $timeout(function(){
          alert("dean");
        }, 3000);
      })
    };
    $scope.functionTwo = function(){
      alert("armada");
    }
    $scope.myClick = function(){
      var promise = $scope.functionOne();
      promise.then(function(){
        $scope.functionTwo();
      }, function(){
        alert("fail");
      })
    };
}]);
  </script>
</body>

砰砰作响:https://plnkr.co/edit/6hJF4mxrCQ17XXA43eUl?p=preview

承诺被创建但从未被解决。但你根本不需要它!$timeout已经返回一个承诺:

$scope.functionOne = function(){
  return $timeout(function(){
    alert("dean");
  }, 3000);
};

在我看来，做你想做的事的更好的方法是:

$scope.functionOne = function(){
  var defer = $q.defer();
  $timeout(function(){
      defer.resolve({data:""}); // or defer.reject(data)
  }, 1000);
  return defer.promise;
};
相关文章：