Opravte funkci, kterÃ¡ ztrÃ¡cÃ â€žthisâ€œ

zpÄ›t k lekci

VolÃ¡nÃ zeptejSeNaHeslo() v nÃ¡sledujÃcÃm kÃ³du by mÄ›lo zkontrolovat heslo a pak podle toho, jakÃ¡ je odpovÄ›Ä, zavolat uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃOK/pÅ™ihlÃ¡Å¡enÃSelhalo.

Vede vÅ¡ak k chybÄ›. ProÄ?

Opravte zvÃ½raznÄ›nÃ½ Å™Ã¡dek tak, aby vÅ¡echno zaÄalo fungovat sprÃ¡vnÄ› (ostatnÃ Å™Ã¡dky nemÄ›Åˆte).

function zeptejSeNaHeslo(ok, selhal) {
  let heslo = prompt("Heslo?", '');
  if (heslo == "rockstar") ok();
  else selhal();
}

let uÅ¾ivatel = {
  jmÃ©no: 'Jan',

  pÅ™ihlÃ¡Å¡enÃOK() {
    alert(`${this.jmÃ©no} pÅ™ihlÃ¡Å¡en`);
  },

  pÅ™ihlÃ¡Å¡enÃSelhalo() {
    alert(`${this.jmÃ©no} se nedokÃ¡zal pÅ™ihlÃ¡sit`);
  },

};

zeptejSeNaHeslo(uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃOK, uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃSelhalo);

Chyba nastane proto, Å¾e funkce zeptejSeNaHeslo obdrÅ¾Ã funkce pÅ™ihlÃ¡Å¡enÃOK/pÅ™ihlÃ¡Å¡enÃSelhalo bez objektu.

KdyÅ¾ je zavolÃ¡, pÅ™irozenÄ› pÅ™edpoklÃ¡dajÃ this=undefined.

NavaÅ¾me kontext funkcÃ bind:

function zeptejSeNaHeslo(ok, selhal) {
  let heslo = prompt("Heslo?", '');
  if (heslo == "rockstar") ok();
  else selhal();
}

let uÅ¾ivatel = {
  jmÃ©no: 'Jan',

  pÅ™ihlÃ¡Å¡enÃOK() {
    alert(`${this.jmÃ©no} se pÅ™ihlÃ¡sil`);
  },

  pÅ™ihlÃ¡Å¡enÃSelhalo() {
    alert(`${this.jmÃ©no} se nedokÃ¡zal pÅ™ihlÃ¡sit`);
  },

};

zeptejSeNaHeslo(uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃOK.bind(uÅ¾ivatel), uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃSelhalo.bind(uÅ¾ivatel));

TeÄ to funguje.

AlternativnÃ Å™eÅ¡enÃ by mohlo bÃ½t:

          //...
zeptejSeNaHeslo(() => uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃ­OK(), () => uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃ­Selhalo());
        

Je to vÅ¡ak mÃ©nÄ› spolehlivÃ© ve sloÅ¾itÄ›jÅ¡Ãch situacÃch, kdy se promÄ›nnÃ¡ uÅ¾ivatel mÅ¯Å¾e zmÄ›nit po volÃ¡nÃ zeptejSeNaHeslo, ale pÅ™ed odpovÄ›dÃ nÃ¡vÅ¡tÄ›vnÃka a volÃ¡nÃm () => uÅ¾ivatel.pÅ™ihlÃ¡Å¡enÃOK().

Opravte funkci, kterÃ¡ ztrÃ¡cÃ­ â€žthisâ€œ

Opravte funkci, kterÃ¡ ztrÃ¡cÃ â€žthisâ€œ