переменная область видимости и закрытие внутри шаблона модуля javascript instance

Question

Я пишу плагин jQuery, и я пишу его стандартным способом без jquery-community, главным образом , чтобы поддерживать переносимость и расширяемость.

У меня возникли проблемы с доступом к переменным, которые были объявлены в функции при доступе к прототипу.

Возможно, у меня есть эта модель очень неправильно, но я надеюсь, что кто-то может указать правильный путь для достижения моей цели, а именно создать несколько экземпляров одного и того же класса.

Проблема возникает, когда я пытаюсь закрыть окно, я получаю сообщение об ошибке «this.auga is undefined». Когда я создаю кнопку закрытия (внутри метода окна построения), я подключил событие click .click(this.hide) - это еще один метод в прототипе функций. Также мое событие .resize не работает, потому что метод .centerAuga использует мое свойство this.win. Получение ошибки this.win is undefined.

Почему метод .show имеет определенный this.auga, но метод .hide остается неопределенным? Я понимаю, что я обращаюсь к методу .show от самого экземпляра, но почему другие методы не имеют доступа к экземпляру?

Это не «сделайте эту работу». Я пишу этот плагин, чтобы лучше ознакомиться с JavaScript. Поэтому, если у кого-нибудь есть понимание, я все уши.

Вот ссылка на пример:
http://jsfiddle.net/G26aM/16/

Answer 1

В JQuery перезвонить «это» переменная будет указывать на элемент, который создал событие, даже если функция обратного вызова в вашем объекте.

Чтобы обойти эту проблему в начале вашего объекта сделать:

var self = this; 

И тогда, когда вы хотите, чтобы обратиться к использованию объекта «само» вместо «это».