在使用promise链接方法时，如何确保变量不为null？

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;    });};然后链接两个诺言：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);});问题：我面对有关的问题var1中$scope.processData() 的var1总是具有null中值$scope.getID 的var1值undefined

Answer 1

听起来这可能是闭包的问题。函数可以在定义的位置（而不是在调用的位置）访问代码的包含闭包。

var1是真正的null，还是事实上的undefined？如果为undefined，则可能需要做的是使getId以var1作为参数，而不是依赖于从包含的闭包中提取引用（由于上述原因，该方法不起作用）。如果是true null，那么问题可能出在计算var1的代码中，您已经省略了它。

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

$scope.getID = function(var1) {

代替这个：

$scope.getID = function(var1) {

调用它，您可能会执行以下操作：

var var1 = somethingToGetTheValueOfVar1();

$scope.getID(var1);

Answer 2

我现在面临的问题是关系到var1中$scope.processData()的var1总是具有null值范围内$scope.getID的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); }

赋值语句的左侧必须是变量或属性访问器。

$̶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;

    });

};

将值返回到.then块很重要。否则，新的承诺将解决为undefined。

同样重要的是要从盖帽上扔出去.catch。否则，新的承诺将从拒绝的承诺转换为已实现的承诺。