Могут методы нескольких объектов ссылаться на одну и ту же внешнюю функцию?

Question

[Mr. Vazovsky]

Здравствуйте, друзья! Возникла одна проблемка, над которой ломаю голову уже длительное время.

createNewTask: function() {
            var _this = this;
            var task = new Task({
                title: _this.openedPopup.find(".task-title").val(),
                description: _this.openedPopup.find(".task-description").val(),
                id: _this.generateID.apply(this),
                deleteBtnClickHandler: _this.checkClickEvent.bind(this)
            });
            this.TaskListHolder.add(task);
            this.openedPopup.remove();
        },

checkClickEvent: function() {
            console.log("Yep! I'm working...)");
        },

В общем, все созданные таски пушатся в массив TaskListHolder.tasks. Проблема в том, что deleteBtnClickHandler срабатывает только у последнего объекта в массиве. То есть, например, если я добавил один объект таски, у него срабатывает кликхендлер, затем добавил еще один объект таски, у первого перестал работать, у второго работает и т.д. В чем может быть проблема?

Comments

[alex]

конструктор Task покажите

[Mr. Vazovsky]

Alex,

function Task(params) {
        this.title = params.title;
        this.description = params.description;
        this.id = params.id;
        this.deleteBtnClickHandler = params.deleteBtnClickHandler;
        this.createHtml();
        this.html.on("click", this.deleteBtnClickHandler);
    }

[alex]

Mr. Vazovsky, залейте пример куда нибудь в песочницу, а то так не очень понятно в чем проблема

[Mr. Vazovsky]

Alex, Можно с вами как нибудь связаться за пределами тостера?

[Павел Коковин]

Озможно потому, что this и _this - одна и та же сущность, вне зависимости передаёте вы её в кунструктор, или нет. Что вы хотели сделать, биндя функции?

Answer 1

[Александр Котовский]

Мало инфы, но на мой взгляд проблема в том, что вы неверно работаете с контекстом this. Используйте es6 синтаксис и стрелочные функции.