1

И почему такой способ не работает?

function set(div) {
        this.div = div;

        this.func = function() {
            alert("work!");
        }

        this.div.on("click", function(){
            this.func();
        });
    }
1
  • Э... чо? То есть я хотел сказать, сформулируйте вопрос нормально, отформатируйте код и сделайте его синтаксически валидным. 8 мая 2015 в 12:48

2 ответа 2

2

Кусок кода из вопроса работает не так как задумано, потому что у "родительской" функции и вложенной в нее разный контекст вызова, разное значение this. Подробнее об этом можно почитать например здесь.

Поэтому можно запомнить контекст вызова "родительской" функции в локальной переменной к которой имеют доступ внутренние функции:

function set(div) {
    this.div = div;
    var _this = this;

    this.func = function() {
        alert("work!");
    }

    this.div.on("click", function() {
       _this.func();
    });
 }
2
  • да именно! )) это я имел введу. Спасибо ))
    – modelfak
    8 мая 2015 в 13:10
  • 1
    @modelfak, тогда пометьте пожалуйста ответ как принятый) 8 мая 2015 в 13:23
0

И почему такой способ не работает?

Потому что this внутри .on(), относится к .on() а не к set(). Это называется сокрытие this. В таких случаях применяют дополнительную переменную, которую обычно называют it, me, that или подобными наименованиями.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.