Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #5822

  #5821 TheProb

  2015-12-16 22:02:55

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #5821 TheProb

  #5821 TheProb

  Ez amúgy így miért jobb?

  window.addEventListener("load", function load(event) {
  window.removeEventListener("load", load, false); //remove listener, no longer needed
  initialize();
  }, false);

  Nem is láttam még ilyen formában a window.onload-ot

  Azért, mert így nem írsz felül semmilyen másik, szintén onloadra bekövetkező eseménykezelőt, olyat, amit pl. akár egy másik fájlban határoztál meg (Te vagy akár egy library), hiszen így HOZZÁADSZ egy eseménykezelőt, mint az a nevében benne is van (addEventListener), nem pedig felülvágod az onloadot egy egyenlőségjellel, hogy az lesz az eseménykezelő, és kész, semmi más.

  Vegyünk egy nagyon egyszerű példát:
  A HTML-struktúrában ez a két fájl van behúzva:

  ...
  <script src="testjs-1.js"></script>
  <script src="testjs-2.js"></script>
  ...

  testjs-1.js tartalma:

  window.onload = function() {
  alert("asdasd");
  }

  testjs-2.js tartalma:

  window.onload = function() {
  alert("blabla");
  }

  Ha mindkét fájlban meghatározott eseménykezelő fontos lenne, hogy lefusson a load esemény hatására, hát akkor szomorúan fogjuk tapasztalni, hogy bizony ez nem történik meg, csak a "blabla" felirat fog felpattanni, pedig elvártuk volna, hogy előtte az "asdasd" szöveg is vágódjon a pofánkba.

  Most ha átírod így:

  testjs-1.js tartalma:

  window.addEventListener("load", function(event) {
  alert("asdasd");
  }, false);

  testjs-2.js tartalma:

  window.addEventListener("load", function(event) {
  alert("blabla");
  }, false);

  Akkor innentől kezdve először felugrik az "asdasd", majd a "blabla" feliratú ablak. Pont ezt vártuk el, mindkét eseménykezelő lefutott.

  A window.removeEventListener("load", load, false); sor pedig a jsFiddle-re felrakott példában azt jelenti, hogy eltávolítjuk az eseménykezelőt, hiszen ha már egyszer lekezeltük a betöltődés eseményét, akkor teljesen felesleges, hogy rá legyen aggatva egy eseménykezelő, mivel az esemény már bekövetkezett, nem fog többször bekövetkezni.
  Még régebben az MDN oldalán láttam, aztán rászoktam a használatára, elméletileg így kevesebb erőforrást eszik a script. Általában egyébként elvileg elég jelentéktelen lehet az ebből adódó különbség, így egy weboldal esetében igazából nem biztos, hogy érdemes vele foglalkozni, hogy ez a sor szerepeljen egyáltalán a kódban, de egyébként alapvetően nem egészséges, ha feleslegesen sok listenert aggatunk fel ide-oda az alkalmazásunkban, ezért spórolok vele, hiszen minden listener azért kér némi erőforrást - így pl. egy böngésző esetén ha sok-sok bővítmény van telepítve, és mindegyik felaggatja a kis listenerjét, majd ott is marad, akkor az már elméletileg számíthat.

  A többi remélem érthető, kérdezz, ha nem tiszta.

Új hozzászólás Aktív témák