Контекст функции?

Question

[sinevik]

Подскажите как передать в функцию getMouse контекст нашего объекта, что бы оно видело console.log(this.ourdiv.style);

getMouse(e){
           console.log(this.ourdiv.style);

        }


		MouseDown(e){
				var mousePosX = e.pageX;
                var mousePosY = e.pageY;
                console.log(this.ourdiv.style);
                var divPosX = this.ourdiv.offsetLeft;
                var divPosY = this.ourdiv.offsetTop;
                this.deltaX = mousePosX - divPosX;
                this.deltaY = mousePosY - divPosY;
                window.addEventListener("mousemove", this.getMouse);
                this.ourdiv.onmouseup = function() {
                    window.removeEventListener("mousemove", this.getMouse);
                }
	}

Весь код

https://jsfiddle.net/qyeh4yL9/

Comments

[Иван]

let self= this;

[sinevik]

И дальше что? Не совсем понял Где это написать?

Answer 1

[Максим]

В конструкторе можете "прибить":
this.getMouse = this.getMouse.bind(this)
с помощью оператора bind ваш метод класса (getMouse) всегда будет вызываться в контексте this (которая в момент бинда ссылается на ваш класс)

Comments

[sinevik]

Можно еще маленький вопрос

window.addEventListener("mousemove", this.getMouse);
                this.ourdiv.onmouseup = function() {
                    window.removeEventListener("mousemove", this.getMouse);
                }

Вот тут не срабатывает отвязка события. При чем this.ourdiv.onmouseup работает, я проверял, менял просто на console.log("Привет")

[Максим]

sinevik, попробуйте так:

getMouse = (e) => { // используем жирную стрелочную функцию, в таком случае из конструктора выпиливаем биндинг.
           console.log(this.ourdiv.style);

        }

но это вряд ли спасет. А если спасет, значит я не до конца правильно понимаю работу биндинга в конструкторе =)
p.s. чтобы использовать жирные функции, у вас должен быть подключен babel плагин "transform-class-properties" (хотя, это нужно было раньше, сейчас может быть по умолчанию будет работать).

[sinevik]

Максим, так я решил первую проблему. Я сейчас про другое совсем

[sinevik]

https://ru.stackoverflow.com/questions/778377/%D0%...