如何在回调之外分配一个值[重复]

Question

我正在使用 Angular 4（使用 TypeScript / JavaScript 语言）开发一个 Web 应用程序。 不幸的是，我不太了解 JavaScript 及其回调机制。 我有个问题。如果我调用一个将函数作为参数的方法，例如：

    this.cognitoIdentityServiceProvider.listUsers(params,function(err,data) {
       if (err) console.log(err, err.stack);
       else {
         console.log(data);      
    }

我只能在function(err,data) 的主体内使用data 参数，而不能在其他地方使用。

如果我在function(err,data) 中初始化一个外部对象，似乎该对象只在函数内取正确的值，但是 不是外部的，如本例所示：

var myData = null; // external variable declaration

this.cognitoIdentityServiceProvider.listUsers(params,function(err,data) {
   if (err) console.log(err, err.stack);
   else {
     myData = data;
     console.log(myData); // prints the date value (correctly)  
}
console.log(myData); // print 'null' but I would like the data of 'data' object 

我很乐意在function(err,data) 之外使用这些数据将它们作为参数传递。不幸的是，我不知道该怎么做。

Answer 1

你不能那样做。您要么必须将回调包装在 promise 中并在 .then() 中访问它，要么使用回调传递变量。当存在异步代码时，您不能期望它同步访问它您可以使用代码

function PromiseWrapped(){
    return new Promise(function(resolve, reject)){
        this.cognitoIdentityServiceProvider.listUsers(params,function(err,data) {
           if (err) reject(err)
           else {
             resolve(data);
        }
    }
}

PromiseWrapped().then(function(data){
    console.log(data)
})