Производительность нескольких событий прокрутки jQuery

#javascript #jquery

#javascript #jquery

Вопрос:

Я хотел бы знать, какой наилучший метод для создания различных событий во время прокрутки. Есть ли какие-либо различия (возможно, даже в производительности) между этими двумя кодами?

 $(window).scroll(function() {
// Do things A
}
$(window).scroll(function() {
// Do things B
}
 
 $(window).scroll(function() {
thingsA();
thingsB();
}
function thingsA() {
// Do things A
}
function thingsB() {
// Do things B
}
 

Есть ли какие-либо конкретные рекомендации, которым следует следовать, чтобы улучшить производительность и загрузку страницы в этих случаях?

Комментарии:

1. Любая разница между двумя подходами будет незначительной, но последний структурирован лучше. Любые проблемы с производительностью событий прокрутки возникают из-за того, что обработчик событий вызывается на каждый прокручиваемый пиксель. Поэтому я бы посоветовал вам отказаться от обработчиков событий, если вы столкнетесь с проблемами. Если вы могли бы привести пример логики, выполняемой в thingsX() функциях, мы сможем предоставить канонический ответ на проблему.