了解AngularJS中的承诺

Question

我正在尝试了解Angular中的承诺。 但是我仍然在混合概念。 请看一下Angular 1.0.7中的以下示例：

// After locale is set code should be executed
initLocale(language).then(function (result) {               
    console.log("Insert code here");
});

有人可以帮助我了解这段代码为何起作用：

var initLocale = function(language) {
    return $translate.uses(language);
};

而且此代码不是：

var initLocale = function(language) {
    $translate.uses(language).then(function(result) {
        // I need to do things here! For example call another 
        // Asynchronous function.
        tmhDynamicLocale.set(language).then(function () {        
                console.log("Locale started!");                                                     
            });
        return result;                                                                      
    });
};

Answer 1

在第一个示例中，您已经返回了promise 。

在第二个示例中，您在callback函数中使用了return语句，这是错误的事情。

原因是return result行是在.set 异步函数完成之前执行的。

如果替换return result; 使用console.log(result) ，您将看到在console.log("Locale started!")之前收到的结果 。

此外， .then方法用于处理promise的结果 ，因此您需要从函数中返回promise 。

Answer 2

$translate.uses(language)返回Promise。

我需要在这里做事！ 例如，调用另一个异步函数。

如果要在tmhDynamicLocale.set(language)之后解析results ， tmhDynamicLocale.set(language)使用Promise链：

var initLocale = function(language) {

  var data = {}; 

   return  $translate.uses(language).then(function(result) {
       data.result = result;            
        return tmhDynamicLocale.set(language);
      }).then(function () {  
           // do your stuff here      
           return data.result;                                                               
        });                                                                                         
};

简单的演示小提琴