javascript - 从函数的内部范围返回值

Question

我有一个函数，里面有一个“then”函数和一个返回值。我希望将此返回添加到外部返回。见代码:

public async getAllWidgets(): Promise <Widget[]> {
  let settings = new SettingsRepository(this.context, null);

  let data: Widget[];

  settings.CountryUrl().then(async(url) => {
    var repositoryUserCountryUrl = new ListRepository(url);
    var cacheKey = "QuickLinksLinksAllWidgets";
    let widgets: any[];

    let multiLingual = await settings.MultiLingual(this.absoluteWebUrl);

    if (multiLingual) {
      let currentLanguage = await Languages.getLanguage(this.context, null, this.absoluteWebUrl);
      cacheKey += "-" + currentLanguage;
      widgets = await repositoryUserCountryUrl.getListItemsByUrlLanguageAware(Constants.QuickLinksListUrl, `local-${cacheKey}`, currentLanguage);
    } else {
      widgets = await repositoryUserCountryUrl.getListItemsByUrl(Constants.QuickLinksListUrl, `local-${cacheKey}`);
    }

    let result: Widget[] = [];
    widgets.map((item) => {
      result.push(this.parseWidget(item));
    });

    let data: Widget[] = result;

    return data; /// HAVE ALL THE DATA I NEED

  });

  return new Promise <Widget[]> (async(resolve) => {
    console.log("data in return" + data)
    resolve(data); /// UNDEFINED DATA
  });
}

当我调用上面的函数时，我没有得到任何东西，即使第一个内部返回包含数据所以我猜我必须以某种方式将它添加到外部返回。我该怎么做？

Answer 1

您必须将整个函数包装在新的 promise 中，而不仅仅是像您正在做的那样在最后，然后解析数据变量。您不能从异步内部返回并期望它不是未定义的，因为该函数正常运行并在数据加载之前结束。

所以...

public async getAllWidgets(): Promise<Widget[]>  {
    return new Promise((resolve, error) => {
      // your data calculations...
      resolve(data)
    }
}