Jquery, чему равен this?

Question

[raft88]

Привет!

[1,2,3].forEach(function() { console.log(this) }); выведет window три раза. С этим понятно. Но почему код

const $items = $('.list__item');
$items.each(function() { console.log(this) });

выводит поочередно каждый элемент из коллекции?

Answer 1

[Алексей Уколов]

Потому что forEach массива и each объекта jQuery - это никак не связанные между собой вещи.
Потому что так захотели создатели jQuery.

Answer 2

[Дмитрий]

Читайте про context.
Во втором случае у вас используется jquery обертка, которая для каждой итерации в качестве контекста отдает текущий элемент.
А в первом случае - у вас ошибка синтаксиса, если вы хотели применить функцию к каждому элементу массива. У вас функция пустая, а консоле.лог выполняется в контексте окна.

Comments

[raft88]

за первую строчку - это просто пример, поэтому функция без аргументов, за разъяснения второй строчки спасибо!

[Алексей Уколов]

А в первом случае - у вас ошибка синтаксиса

Какая?

[Дмитрий]

Алексей Уколов, там было вместо
[1,2,3].forEach(function() { console.log(this) });
[1,2,3].forEach(function() console.log(this) ); - без фигурных скобок, т.е. пустая функция.
На значение this это не влияет, да. Но всё же. Я думал, что ошибка.

[raft88]

да, изначально не было фигурных скобок, я после размещения вопроса сразу же их добавил и в первой и во второй строчке