Почему здесь работает функция без вызова и как работает this?

Question

[freeman0204]

https://codepen.io/freeman0204/pen/oGXoBK я в методе .scroll например объявляю параметром функцию, но она и так работает без вызова, почему? var scroll = $(this).scrollTop(); this в данном случаи значит window? Так как он находится внутри этой конструкции?

Comments

[Сергей delphinpro]

я в методе .scroll например объявляю параметром функцию, но она и так работает без вызова, почему?

непонятно.

this в данном случаи значит window?

Да

Так как он находится внутри этой конструкции?

this в коллбеке события указывает на элемент, на котором произошло событие.
Вы ловите ивенты на window, значит и this будет указывать на window

[freeman0204]

Сергей,

function select() {
   
  }

это созданная функция и что бы она работала ее нужно вызвать так select().

а здесь

$(window).scroll(function(){
   
  });

function() идет внутри метода scroll, н омы же не вызываем ее, а она работает.
Но судя по этому определению я понял что это Коллбэк, вероно?
Коллбэк (от англ. callback) – это функция, которую мы передаём куда-либо и ожидаем, что она будет вызвана при наступлении события.

[Сергей delphinpro]

freeman0204, вы передаете эту функцию в качестве параметра. Вызывает её jQuery при наступлении события.
Вот то же самое, только с раздельным объявлением функции:

function myScroll() { ... }

$(window).scroll(myScroll);

Обратите внимание, что в последней строчке функция не вызывается (нет круглых скобок), а передается в качестве параметра

Answer 1

[Павел]

в данном случае да , this указывает на window

Comments

[freeman0204]

Можно как то в консоли проверить на что сейчас указывает выбранный this?

[Павел]

freeman0204, походу нет