在打字稿中使用异步等待来等待承诺

Question

当我从 show 调用 loadhtml 方法时。我总是得到一个未决的承诺。我如何在没有回电的情况下获得价值。请在下面找到代码片段。

   async loadhtml(url: string) {
            var data =$.get(url).then(response=>{
                console.log("response=>",response)
                return response
            });
            return await data
        }

 show() {
      var data = this.loadhtml(require("../../template/template1.tpl"));
       console.log("html content=> ",data);
} 

Answer 1

你可以将它包装在一个 Promise 中并返回，这样你就可以使用 await 在调用函数中等待它。

async loadhtml(url: string) {
  return new Promise((resolve, reject) => {
    $.get(url).then( response => {
      console.log("response=>",response)
      resolve(response)
    });
  });
}

async show() {
  var data = await this.loadhtml(require("../../template/template1.tpl"));
  console.log("html content=> ",data);
}