Zakres wartości w obiekcie

Question

Mam kod:

var kaktus = {
    wiek: 0,
    ziarno: true,
    korzenie: false,
    łodyga: false,
    kwiaty: false,
};

function klik(){
    kaktus.wiek += 1;
    if(kaktus.wiek == 10){
        console.log("10");
    }
}

var kak = kaktus.wiek;

Zmienna kak pobiera wiek z obiektu kaktus, ale kak zawsze jest równe 0, mimo, że funkcja działa i kaktus.wiek faktycznie zmienia liczbę wraz z kliknięciem. Co jest tu problemem? Zasięg, że nie można wynieść wartości poza obiekt? A jeśli tak, albo i nie, to jak to naprawić, żeby kak miało wartość kaktus.wiek?

Answer 1

Dzieje sie tak poniewaz kak jest delkarowane i przypisane zanim w ogole klikniesz.

https://codepen.io/Alex-Iron/pen/zWjJEm?editors=1111

Popatrz na ten pen. Kliknij kilka razy diva, po czym wpisz kaktus.wiek. Wyskoczy Ci wiek zwiekszony. Ale w momencie deklaracji kak, kaktus.wiek mial wartosc 0. Zeby to naprawic musisz dac kak = kaktus.wiek wewnatrz fcji klik()

Answer 2

No jak wywołasz funkcję klik() po przypisaniu pola kaktus.wiek do zmiennej kak no to wiadomix, że nie zadziała. Musisz wywyołać klik() przed przypisaniem.