1

例如，如果我有一个带有welcome-page.js 和welcome-view-model.js 的简单应用程序，我将从welcome-page.js 这样的形式开始

 const app = require("tns-core-modules/application");
 const WelcomeViewModel = require("./welcome-view-model");
 const welcomeViewModel = new WelcomeViewModel();

 let page;

 exports.onNavigatingTo = (args) => {

    page = args.object;
    page.bindingContext = welcomeViewModel;

    welcomeViewModel.doSomething().then((response) => {
      page.bindingContext = response
    }).catch((error) => {
       console.log(error);
    })


 }

然后在welcome-view-model.js页面上我会

  const observableModule = require("tns-core-modules/data/observable");
  const ObservableArray = require("tns-core-modules/data/observable-array").ObservableArray;

  function WelcomeViewModel() {

    const viewModel = observableModule.fromObject({
      dpiWidth: platformModule.screen.mainScreen.widthDIPs,
    dpiHeight: platformModule.screen.mainScreen.heightDIPs,
    isSubmitted:false,
    error:"",
    userDetails:"",
    allMonths: new ObservableArray([]),
    month1: new ObservableArray([])
  });

 viewModel.doSomething = (arg) => {
   return doSomethingThatReturnsAPromise();
 }

  return viewModel;
}

module.exports = WelcomeViewModel;

那么我将如何将其转换为使用 async/await 呢？我发现了这个https://www.youtube.com/watch?time_continue=176&v=9F0sRJQYR9k&feature=emb_logo但它没有显示我是如何使用 Javascript 的，本教程中只有 Typescript。

4

1 回答 1

1

如果您认为 promise 可能失败，您只需使用 async/await 关键字并将它们包装在 try/catch 块中。

 exports.onNavigatingTo = async (args) => {

    ...

    try {
       const response = await welcomeViewModel.doSomething();
       page.bindingContext = response;
    } catch(error) {
        console.log(error);
    }
 }
于 2020-01-05T18:25:24.630 回答