javascript - 了解 Javascript 中的方法链接

Question

我是 ES6 和 Javascript 的新手，我无法弄清楚在以下代码段中链接此 dump() 方法有什么问题。

它返回“ma​​in.js:25 Uncaught TypeError: Cannot read property 'dump' of undefined”:

class TaskCollection {

constructor(tasks = []) {
    this.tasks = tasks;
}

addTasks(newTasks = []) {
    this.tasks = this.tasks.concat(newTasks);
}

dump() {
    console.log(this.tasks);
}

}

let myTasks = new TaskCollection([
        'Do stuff'
]);

myTasks.addTasks([
    'New Task'
]).dump();

现在，如果我不链接那个 dump() 方法，一切都会正常工作。

myTasks.addTasks([
'New Task'
]);

myTasks.dump();

Answer 1

方法 addTasks 没有返回对象的引用。如果您希望链接起作用，您的方法需要如下所示:

addTasks(newTasks = []) {
    this.tasks = this.tasks.concat(newTasks);

    return this;
}