在这种情况下，在哪里放置 async/await？

Question

我已经浏览了文档，阅读了其他问题和答案，但我仍然无法理解什么函数可以使异步，以及在哪里放置等待，以获得我想要的行为。基本上，我希望console.log(this.data)构造函数中的 注销我获取的数据，但现在它注销了一个挂起的Promise.我已经尝试了几乎所有我能想到的方法，但最终我总是退出 aPromise或undefined.我在哪里可以在这些方法中添加 async/await 以使其注销构造函数中获取的数据？如果我以完全错误的方法进行此操作，请告诉我。class Apa {  constructor () {    this.ajaxURL = 'https://example.com/api/';    this.mockParams = {      title: 'foo',      body: 'bar',      userId: 1    };    this.data = this.getData(this.mockParams).then(xhr => this.data = JSON.parse(xhr.response)).catch(xhr => this.data = {});    console.log(this.data);  }  getData(params) {    return new Promise((resolve, reject) => {      let request = this.postAjax(this.ajaxURL, params);      request.then((xhr) => {        resolve(xhr);      }).catch((xhr) => {        this.errorMessage = 'Ajax request failed: getData()';        reject(xhr);      });    });  }  postAjax(url, data) {     return new Promise((resolve, reject) => {            var params = typeof data == 'string' ? data : Object.keys(data).map(                function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }            ).join('&');            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");            xhr.open('POST', url);            xhr.onreadystatechange = function() {                if (xhr.readyState>3 && xhr.status==200) { resolve(xhr); }            };            xhr.onerror = () => reject(xhr);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');            xhr.send(params);        });  }}注意： 我知道这个类不能按原样工作，我不得不用模拟的东西替换真正的 API 端点，但我可以确保你在调用真正的 API 时没有问题。承诺（解决后）确实包含具有正确响应的真实 XMLHttpRequest。