如何将类方法调用到异步方法函数中

Question

我有一个错误，当我将 handleRenderPage 方法调用到异步方法时，出现错误：model.js:83 Uncaught (in promise) TypeError: this.handleRenderPage is not a function

我使用MVC编写todo项目，并在模型类中使用handleRenderPage方法发送todo列表数组，并使用downloadTask从服务器获取todo列表并将其发送到视图类，这是异步函数：

  downloadTask = async() => {
    const url = 'http://localhost:9090/download';
    const res = await fetch(url);
    const data = await res.json();
    this.tasksList = data;
    console.log(this.tasksList);
    //down is the method 
    this.handleRenderPage(this.tasksList);
  }

我在课外调用了这个函数：

downloadBtn.addEventListener('click', () => {  
  const model = new Model();
  model.downloadTask();
})

当用户单击下载 btn 应用程序应从服务器呈现待办事项列表

Answer 1

因为 this.tasklist 是未定义的，你应该在 View 中调用它，然后控制器在模型中获取信息并将其发送到模型模块