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

Question

我有一个错误，当我调用handleRenderPage方法异步方法我得到了错误:model.js:83 Uncaught (in promise) TypeError: this。handleRenderPage不是一个函数

我使用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

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