«this» ключевое слово в методах событий при использовании объекта прототипа JavaScript

Question

Я пытаюсь получить доступ к переменным-членам класса прототипа в JavaScript в обработчике событий - то, что я обычно использовал для этого ключевого слова для (или «that» [копия этого] в случае обработчиков событий). Излишне говорить, что у меня проблемы.

Возьмем, к примеру, этот HTML фрагмент:

<a id="myLink" href="#">My Link</a> 

И этот JavaScript код:

function MyClass() 
{ 
    this.field = "value" 
    this.link = document.getElementById("myLink"); 
    this.link.onclick = this.EventMethod; 
} 

MyClass.prototype.NormalMethod = function() 
{ 
    alert(this.field); 
} 

MyClass.prototype.EventMethod = function(e) 
{ 
    alert(this.field); 
} 

Инстанцирование объект MyClass и вызов NormalMethod работает точно так же, как я ожидать, что это (предупреждение говоря " value "), но нажатие ссылки приводит к неопределенному значению, потому что ключевое слово this это ссылка на объект назначения (элемент HTML anchor()).

Я новичок в прототип JavaScript стиль, но в прошлом, с закрытием, я просто сделал копию «это» в конструкторе:

var that = this; 

И тогда я мог бы получить доступ к членам переменные в методах событий через объект «тот». Это не похоже на прототип кода. Есть ли другой способ достичь этого?

Спасибо.

Answer 1

Ваше "that=this" закрытие идиомы по-прежнему применимо:

function MyClass() 
{ 
    ... 

    var that = this; 
    this.link.onclick = function() { 
     return that.EventMethod.apply(that, arguments); 

     // that.EventMethod() works too here, however 
     // the above ensures that the function closure 
     // operates exactly as EventMethod itself does. 

    }; 
} 

Answer 2

Вы должны попробовать

this.link.onclick = this.EventMethod.bind(this); 

Answer 3

Понадобится:

this.link.onclick = this.EventMethod.bind(this); 

... 'связывают' является частью прототипа, и возвращает функцию, которая правильно называет ваш метод «этим».

Answer 4

Как указано выше, использование связывания, являющегося частью библиотеки Prototype, является чистым способом решения этой проблемы. Этот вопрос является дубликатом другого SO вопроса, который отвечал здесь с реализацией методы связывания без включения всей библиотеки прототипа:

https://stackoverflow.com/a/2025839/1180286