Diskusia – 5. diel - Tvorba OOP diáre v JavaScripte

Ahoj, všechno funguje, jen nechápu, proč musím this.vypisZaz­namy(); použít v metode nastavUdalosti a nejde to pouzit v konstruktoru.

Aho, myslim ze preto, lebo by sa volala zakazdym ked vznikne instancia objektu. Takto je naviazane len na akciu .onclick a vykona sa len ked kliknes na tlacidlo

Hodnocení:

• "vypadat...způ­sobem" - ehm, ehm..vzhled ani češtinu nebudeme řešit.
• Nechce se mi hledat, ale o změně kontextu na "this obsahuje instanci třídy" bych v "Základních konstrukcích JavaScriptu" nic neočekával.

Mrzí mě, že ti za celou tu dobu odpověděl jen jeden člověk, chtělo by to větší odezvu vývojářů v komentářích....

Ale když odpoví jednoznačně a správně, tak co k tomu víc dodat?
Navíc koukám, že kurzy o JS jako takový tady moc nefrčí. Minimálně to jde vidět na testech - docela málo lidí je absolvovalo.

• ber to i tak, že zkušení programátoři nemají potřebu projíždět tutoriály. Maximálně jako já, který má zkušenost v jiném jazyce a učí se nový jazyk, tak si to projde, ale jinak se spíš budou zajímat pouze o issue na forum, když už.

Ahoj, jsem jen začátečník, ale dle mého to je proto, protože to provede metodu vypisZaznamy() až ve chvíli, kdy to přidáš na .onclick. Pokud by to bylo v konstruktoru, tak se ta metoda zavolá při vytváření konstruktoru (kdy tam záznamy nejsou) a když budeš chtít přidat nový záznam, tak už se k ní nedostaneš a záznam se nevypíše.

V metodě nastavUdalosti se ukládá nový záznam do pole, tak je vhodné následně aktualizovat výpis o tento nově přidaný záznam. 😉

Děkujeme za podněty. Na aktualizace kurzu pracujeme.

Kalendář se bohužel zobrazuje v angličtině, a to i v případě, když si načtu stažený kód přímo z této lekce. V čem je problém? Díky.

Mám dotaz ohledně problému s kontextem klíčového slova "this".

V článku řešíte situaci pomocí arrow function, která kontext this nezmění, a pod slovem this tedy nadále zůstane uložena původní reference na instanci diáře.

Napadlo mě alternativní řešení, a sice že by si mohl diář referenci na sebe samého uložit do nějaké pomocné proměnné (nazvané např. self) ještě předtím, než se kontext this změní.

Kód metody nastavUdalosti() by mohl vypadat takto:

nastavUdalosti() {
    const self = this    // právě zde nám pomocná proměnná podrží odkaz na instanci diáře

    this.potvrditButton.onclick = function() {
        // zde už nepoužíváme slovo this, ale self
        const zaznam = new Zaznam(self.nazevInput.value, self.datumInput.value);
        self.zaznamy.push(zaznam);
        self.vypisZaznamy();
    };
}

Zkoušel jsem to otestovat a zdá se, že to funguje.
Jde o alternativní možnost anebo to není správný přístup?
Děkuji.