$ (okno) .Na ('rozmiar') w JavaScript

Question

w JavaScript, jest następujący kod:

window.onresize = function() { 
    // Do something. 
} 

samo jak:

$(window).on('resize', function() { 
    // Do something. 
}); 

są dwa bloki kodu powyżej równe, funkcjonalnie? Czy jest jakaś zaleta lub wada (jakkolwiek niewielka) przy użyciu jednego lub drugiego?

Co o:

window.addEventListener('resize', function(event) { 
    // Do something. 
}); 

Answer 1

one nie są takie same, jak w pierwszym przykładzie, masz wpływu na imprezę do obiektu dom onresize obsługi.

Wersja jQuery prawdopodobnie robi coś innego poza sceną. Nie patrząc do kodu źródłowego, to chyba po prostu robi:

window.addEventListener('resize', function() {...}) 

Powiedział, że wersja jQuery i rodzimy addEventListener nadal są różne, ponieważ jQuery jest także dodanie trochę magii do obsługi zdarzeń.

Jest to prawdopodobnie preferowany sposób dodawania zdarzeń do obiektu DOM, ponieważ można dodawać wiele zdarzeń, ale z atrybutem domowym on[event] ogranicza się do jednego zdarzenia.

Oto nieco więcej na ten temat: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Podczas gdy jesteś na to, można również przeczytać o przyjaciela addEventListener: removeEventListener.

Answer 2

Nie są one takie same. Możesz wypróbować:

$(window).on('resize',function1); 
    $(window).on('resize',function2); 

, a funkcje 1 i funkcja 2 odpowiadają podczas zmiany rozmiaru okna.

Ale jeśli używasz

window.onresize = function1; 
window.onresize = function2; 

Tylko function2 reagować.