将自身作为参数传入的 Javascript 对象

debugcn 发表于 Dev

问题3r

我有一个包含一些信息的对象。另一方面，我有一个商店，持有许多这种对象类型的对象。

单个对象应该能够从这个存储中删除自己。我的商店知道一个带有此对象参数的函数“DeleteObjectFromStore”。现在我想传入对象本身，但我不知道要使用哪种语法。

店铺：

class NoteStore {
    constructor() {
        this.notes = []; // Collection of all notes
    }

    DeleteNote(note) { // Delete this object from the store
        var index = this.notes.indexOf(note);
        if (index > -1)
            array.splice(index, 1);
    }
}

还有我的对象

class Note {
    constructor(noteTitle, noteText, noteStore) {
        this.title = noteTitle; // name
        this.text = noteText; // content
        this.store = noteStore; // dataStore
    }

    CreateDeleteButton(parentDiv) { // Create a button for deleting itself
        var data = this.store;
        var deleteBtn = document.createElement("input");
        deleteBtn.type = "button";
        deleteBtn.value = "Delete";
        deleteBtn.onclick = function() {
            data.DeleteNote();               // <= missing parameter!
        }
        parentDiv.appendChild(deleteBtn);
    }
}

所以使用关键字 this 是不正确的。然后我会传入按钮。

有人可以帮我吗？

dev8080

尝试在函数外为此使用一个名称：

CreateDeleteButton(parentDiv) { // Create a button for deleting itself
    var data = this.store;
    var noteObj = this;
    var deleteBtn = document.createElement("input");
    deleteBtn.type = "button";
    deleteBtn.value = "Delete";
    deleteBtn.onclick = function() {
        data.DeleteNote( noteObj );               
    }
    parentDiv.appendChild(deleteBtn);
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。