使用承诺链接方法时如何确保变量不为空？

Question

我使用init如下

$scope.init = function () {
    $scope.getAllDetails();
};

$scope.getAllDetails= function () {
    $http({
        method: "GET",
        url: "api/endpoint"
    }).then(function mySuccess(response) {
            $scope.processData();
        }, function myError(response) {
            console.log(response.statusText);
        }
    );
};

$scope.processData() = function() {
//Logic to calculate var1
// var1 is then passed to $scope.getID to make call to Service1.getId(var1)

}

我的第一个函数返回一个承诺：

$scope.getID = function() {
    return Service1.getId("abc").then(function(response){
    // In above line. Instead of manually passing `abc` I want to 
    //pass it as variable var1  
    // The desired call should be as below. 
    //But var1 is having null here
  //return Service1.getId(var1).then(function(response){
        $scope.genewtId = response.data[0].Id;
        console.log($scope.genewtId);
        return response.data[0].Id;
    }, function(error){
        console.log(error.statusText);
        throw error;
    });
};

第二个函数返回一个promise并接受一个参数：

$scope.getDetails = function(id) {
    var genewtID = id || $scope.genewtId;
    return Service2.getDetails(genewtId).then(function(response){
        $scope.data1 = response.data;
        console.log($scope.data1.toString());
        return response.data;
    }, function(error){
        console.log(error.statusText);
        throw error;
    });
};

然后chaining两个promise：

var promise = $scope.getId();

var promise2 = promise.then(function(id) {
                   return $scope.getDetails(id);
               });

var promise2.then(function(data) {
     console.log(data);
}).catch(function(error) {
     console.log(error);
});

问题： 我面临的问题与$scope.processData() 中的var1 有关 var1 在 $scope.getID 中始终具有 null 值 var1 的值为 undefined

Answer 1

听起来像这样可能是闭包的问题。函数将可以访问代码的包含闭包定义，而不是调用。

var1 是真的null，还是实际上是undefined？如果是undefined，您可能需要做的是让 getId 将 var1 作为 argument 而不是依赖于从包含闭包中提取引用（由于上述原因，这将不起作用）。如果真的是null，那么问题可能出在计算var1 的代码上，而你已经省略了。

编辑：getID() 函数看起来非常相似，但它会像这样开始：

$scope.getID = function(var1) {

而不是这个：

$scope.getID = function(var1) {

要调用它，您可能会这样做：

var var1 = somethingToGetTheValueOfVar1();
$scope.getID(var1);

Answer 2

我面临的问题与$scope.processData() 中的var1 有关var1 在$scope.getID 中始终具有null 值var1 值是undefined

将var1作为参数添加到函数定义中：

̶$̶s̶c̶o̶p̶e̶.̶g̶e̶t̶I̶D̶ ̶=̶ ̶f̶u̶n̶c̶t̶i̶o̶n̶(̶)̶ ̶{̶
$scope.getID = function(var1) {
    //return Service1.getId("abc").then(function(response){
    // In above line. Instead of manually passing `abc` I want to 
    //pass it as variable var1  
    // The desired call should be as below. 
    //But var1 is having null here
    return Service1.getId(var1).then(function(response){
        $scope.genewtId = response.data[0].Id;
        console.log($scope.genewtId);
        return response.data[0].Id;
    }, function(error){
        console.log(error.statusText);
        throw error;
    });
};

---

我正在尝试如下调用该函数，但它不起作用

$scope.processData() = function() { ... $scope.getID(var1); }

assignment statement 的左侧必须是变量或属性访问器。

$̶s̶c̶o̶p̶e̶.̶p̶r̶o̶c̶e̶s̶s̶D̶a̶t̶a̶(̶)̶ ̶=̶ ̶f̶u̶n̶c̶t̶i̶o̶n̶(̶)̶ ̶{̶ ̶
$scope.processData = function(data) { 
    //... 
    var var1 //= something
    return $scope.getID(var1); 
}

那么一定要正确链接：

$scope.getAllDetails= function () {
    return $http({
        method: "GET",
        url: "api/endpoint"
    }).then(function mySuccess(response) {
        var data = response.data;
        return $scope.processData(data);
    }, function myError(response) {
        console.log(response.statusText);
        //IMPORTANT RE-THROW error
        throw response;
    });
};

将return 值转换为.then 块很重要。否则，新的 Promise 将解析为 undefined。

从.catch 块到throw 也很重要。否则，新的 Promise 将从被拒绝的 Promise转换为已履行的 Promise。

有关详细信息，请参阅

• You're Missing the Point of Promises