VPF::Подписка на событие JS - Форум программистов

SAVe

Дата 21.12.2015, 14:40 (ссылка)

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

Загрузка ...

Шустрый

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

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

Здравствуйте

Есть вот такой JS код:

Код


function sm()
{
....
this.OnComplete = function () {       
        
       // OnComplete вызывается в для результата ajax запроса
       ....
        sm.OnUpdate(); // вызов foo() происходит

    }   
}

function foo(){alert('Ok')}

sm.OnUpdate = foo;

Код работает , но OnUpdate это как бы "статический" метод. Он будет для всех экземпляров sm одно и то же вызывать
Как его сделать "экземплярным" ? Т.е. что бы это работало в таком сценарии:

Код


function sm()
{
....
this.OnComplete = function () {       
        
       // OnComplete вызывается по окончании ajax запроса
       ....
        this.OnUpdate(); // Ошибка: Объект не поддерживает свойство или метод "OnUpdate"

    }   
}

sm.prototype.OnUpdate = function(){};

var smObj1 = new sm();
var smObj2 = new sm();

function foo1(){alert('Ok')}
function foo2(){alert('Not Ok')}


smObj1.OnUpdate = foo1;
smObj2.OnUpdate = foo2;

Заранее благодарю за ответы.

ksnk

Дата 21.12.2015, 17:27 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Если не переносить куда-нибудь в другое место кода - то грязно можно решить так

Код


smObj1.OnUpdate = function(){return foo1.call(smObj1)};
smObj2.OnUpdate = function(){return foo2.call(smObj2)};

Хотя, скорее всего - нужно OnComplete вызвать правильно, через call или apply, чтобы this не терялся.

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SAVe

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

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

Загрузка ...

Шустрый

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

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

Цитата(ksnk @ 21.12.2015, 17:27)

нужно OnComplete вызвать правильно, через call или apply, чтобы this не терялся.

Спасибо большое. Действительно терялся this.

Мой код генерировал такую разметку:

Код


<form ... data-ajax-complete="smObj1.OnComplete" ...>

OnComplete вызывался , но терял this. Заменил на такой вызов (со скобками) и всё заработало:

Код


<form ... data-ajax-complete="smObj1.OnComplete()" ...>

Окончательный вариант скрипта:

Код


function sm() 
{ 

this.OnUpdate;
.... 
this.OnComplete = function () {        
         
       // OnComplete вызывается по окончании ajax запроса 
       .... 
        this.OnUpdate(); 
    }    
} 

var smObj1 = new sm(); 
 
function foo1(){alert('Ok')} 
 
smObj1.OnUpdate = foo1;

ksnk

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

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

А как исполняется код из атрибута data-ajax-complete? eval'ом?

Этот ответ добавлен с нового Винграда - http://vingrad.com

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