Почему хорошей практикой считается сохранять this в переменную в jquery?

Question

[freeman0204]

var $this = $(this)

Answer 1

[Алексей]

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

Answer 2

[Oleg]

Простой пример кода:

$('#object1').on('click', function () {
        console.log(this);
        $('#object2').on('mouseover', function () {
            console.log(this);
        });
    }
);

Чему равен this ?

Если же сделать так, то всё всё ок.

$('#object1').on('click', function () {
var self = this;
        $('#object2').on('mouseover', function () {
            console.log(self);
        });
    }
);

PS: Не очень хорошая название для переменной - $this. Лучше использовать слова that, object, и тп. Т.е. чтобы не перепутать.

Comments

[Сергей delphinpro]

Речь идет о сохранении объекта jquery, а не просто this.
Когда пишем $(this) - мы каждый раз вызываем функцию, сохраняя в переменную, мы кэшируем объект (результат этой функции)

[Oleg]

Та же проблема и в этом случае:

$('#object1').on('click', function () {
console.log($(this));
$('#object2').on('mouseover', function () {
console.log($(this));
});
}
);

Что выведет? Да, кеширование небольшое есть, но не обязательно оно жутко нужно везде.

Answer 3

[Сергей Савостин]

Вообще-то лучше делать bind фукции, а не сохранять this.