0

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

Есть вот такая функция:

function test(test) {
    this.test = test;
    $('#test').click(function(){
        alert(this.test);
    });
}

Подскажите, пожалуйста, как получить this.test, который мы передали при вызове?
Вот пример на jsfiddle.

5 ответов 5

2

Тут описание принципов работы this; понимание работы этого механизма - уже половина ответа.
Тут продолжение темы - учимся привязывать и добираться до нужного контекста.

В JS часто применяют сохранение контекста var self = this; и обращаются к self как к нужному this.
Ответ @atwice хорошо это показал, я просто пару статеек для образовательной цели дал, которые дадут более обширное понимание вопроса.

2
  • @TheDoctor, Спасибо большое за предоставленные статьи.
    – Mr_Epic
    18 мар 2015 в 18:29
  • @Mr_Epic, всегда пожалуйста!
    – user31688
    18 мар 2015 в 18:30
1

Сделать лексическое замыкание на тот this:

function test(test) {
    this.test = test;
    var that = this; // замкнулись
    $('#test').click(function(){
        alert(that.test);
     });
}

Форк Вашего примера на jsfiddle

1

bind - привязка контекста функции
jsfiddle

1

this в функции вызванной не как конструктор указывает на глобальный объект. Это легко проверить:

function test(){
  return this === window;
}

console.log(test()); // true

Поэтому вызываем как конструктор, чтобы this указывал на созданный объект:

function Test(message) {
    this.message = message;
    this.init();
}

Test.prototype.init = function(){
    $('#test').click((function(){
      console.log(this.message);
    }).bind(this));
};

new Test('Hello');
4
  • Эмн, зачем ТС'у создавать прототипы и всё же байндить функцию, хотя решение уже есть и куда более лаконичное и простое, а значит, согласно принципу бритвы Оккама, правильное.
    – user31688
    18 мар 2015 в 20:35
  • Я добавил пояснения к своему ответу.
    – Lucky
    18 мар 2015 в 20:39
  • Да как-то понятно зачем конструктор, непонятно зачем нарушать принцип бритвы :)
    – user31688
    18 мар 2015 в 20:44
  • Да. Решение как бы есть, но оно содержит явную ошибку, потому что вопрос сам содержит ту же ошибку, которую я и постарался объяснить и показал более правильный пример.
    – Lucky
    18 мар 2015 в 20:49
0

использовать стрелочную функцию.

function test(test) {
    this.test = test;
    $('#test').click(()=>{
        alert(this.test);
    });
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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