Объявление переменных с помощью ключевого слова this в js

Question

Есть ли разница между этим:

var onClick = function() {

     var image = .....

     $.post("/..../...", null, function(data) { myCallback(data, image); } );
}

и

var onClick = function() {

     this.image = .....

     $.post("/..../...", null, function(data) { myCallback(data, this.image); } );
}

Я использую этот способ, и по какой-то причине любой параметр, который я передаю в myCallback, имеет значение null ??

Если я выведу переменную перед вызовом $ .post с помощью alert, я получу значение, чтобы оно не было нулевым?

Answer 1

В то время ....

function(data) { myCallback(data, this.image); }

... будет выполнено (после завершения вызова ajax), контекст выполнения будет изменен. Это будет внутри контекста объекта jQuery. Таким образом, в этот момент этот === jQuery, который, как вы уже видели, не имеет свойства изображения. Отсюда и ошибка.

Кстати, Google для JavaScript закрывает и пытается понять их. Это именно то, в чем ваша проблема.

Answer 2

Если вы хотите, чтобы функция onClick представляла класс (кажется маловероятным), «this» подходит как индикатор этого, так и как средство для представления свойств экземпляра (поскольку var, объявленный в экземпляре класса, будет по сути закрытым) .

Если вы не хотите, чтобы onClick представлял класс, то это неуместно , так как это создает сбивающий с толку сигнал и запутывает контекстный след (независимо от контекста).

Answer 3

Объявление переменной с помощью 'var' будет работать благодаря тому, что вы создаете sol-называется 'closure'. Ключевое слово «this» относится к текущему объекту области действия, который, в зависимости от ситуации, может относиться к функции, объекту окна или любому другому объекту. Эта область наиболее определенно будет другой после запуска метода обратного вызова и, следовательно, не является надежной.