VPF::Доступ к объекту из callback-метода

Burrr

Дата 12.4.2007, 12:00 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

Чтобы понять суть задачи сразу покажу код:

Код

<div id="testId">Test</div>
<script type="text/javascript">
// ========== Constructor ============
function consObj(id) {
    this.id = id;
}
consObj.prototype.addHandlers = function() {
    var object = document.getElementById(this.id);
    if (object.addEventListener) object.addEventListener("click", this.saver, false);
    else if (object.attachEvent) object.attachEvent("onclick", this.saver);
}
consObj.prototype.saver = function() {
    alert("Working");
    alert(this.id);
}
// =========== New object ===========
var test = new consObj("testId");
test.addHandlers();
</script>

Всё работает правильно, и в результате клика на DIV последовательно появятся 2 alert-а:
"Working"
"undefined"
В callback-методе saver, как и ожидалось, this ведет на элемент, клик по которому обрабатывается.
Внимание, вопрос!
Есть ли возможность получить выход из callback-метода к самому объекту и тем самым получить его id? Как нужно модернизировать этот код, чтобы вместо "undefined" выводилось "testId"?

--------------------

JavaScript на fastcoder, sqlinfo.ru

vasac

Дата 12.4.2007, 12:12 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36

Код


var _this = this;
object.addEventListener( "click", ( function(e) { return _this.saver; } ), false );

Вообще достаточно частый вопрос.

Это сообщение отредактировал(а) vasac - 12.4.2007, 12:12

--------------------

Блог ГО | Таблица символов юникода

butionok

Дата 12.4.2007, 13:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: 1
Всего: 3

vasac,

Я так понимаю это то, что называет "closures". Идея понятная, но в твоей реализации не работает. Проверил бы прежде чем постить.

Я не специалист по этим "кложурам" smile

. Мне пришло в голову только разве что можно сформировать функцию обработчик с контекстом сразу в прицепщике событий:

Код


}
consObj.prototype.addHandlers = function() {
    var object = document.getElementById(this.id);
    var saver=new Function("alert('"+this.id+"')"); // вот тут мы сформировали тело функции
    if (object.addEventListener) object.addEventListener("click", saver, false);
    else if (object.attachEvent) object.attachEvent("onclick", saver);
}

И это работает. Думаю есть более элегантное решение. Обращайтесь к Сардару.

Это сообщение отредактировал(а) butionok - 12.4.2007, 13:22

--------------------

Ненавижу убогую Оперу.

Burrr

Дата 12.4.2007, 13:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

vasac, твой пример не работает и не совсем ясно что имеется в виду...

butionok, метод saver должен быть именно в прототипе, так что твой пример - немного не то. Хотя интересный способ.
closure - это замыкания? Как то читал о них наблу Котерова, но уже не помню. В чем суть? По-моему как раз butionok и создает замыкание. Нет?

--------------------

JavaScript на fastcoder, sqlinfo.ru

vasac

Дата 12.4.2007, 13:53 (ссылка)

(голосов:1)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36

Ну, блин, скобки забыл, очевидно же. А вы уже - не работает.

Код


var _this = this;
object.addEventListener( "click", ( function(e) { return _this.saver(); } ), false );

--------------------

Блог ГО | Таблица символов юникода

Burrr

Дата 12.4.2007, 14:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

vasac, спасибо! Заодно освежил свой знания по замыканиям. +1.

butionok, также благодарю!

--------------------

JavaScript на fastcoder, sqlinfo.ru

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »