Klonowanie obiektu w javascript

pytanie zadane 21 lutego 2018 w JavaScript przez Riddick Bywalec (2,600 p.)

Witam. Szukam najskuteczniejszego sposobu na skopiowanie obiektu w javascript. Tworze grę w której cały tekst jest czytany z pliku json za pomocą ajaxa i chcę te dane przechować w obiekcie js. Użyłem funkcji Object.assign lecz nie działa to tak jakbym chciał.

Funkcja wczytująca z pliku język wygląda tak:

loadLanguage(lang) {
        $.ajax({
            url : 'lang/'+lang+'.json',
            dataType : 'json',
            type : 'post'
        })
        .done(function(res) {
            Object.assign(language,res);
            
            for(var prop in language) {
                $(".ln_"+prop).html(language[prop]);
            }
        })
        .fail(function() {
            console.error( "Błąd wczytania języka");
        });   
}

A kopiuje to do obiektu:

var language = {};

Kiedy odczytuje sam obiekt w konsoli. nie ma problemu, pokazuje mi poprawnie cały obiekt w konsoli

gameManger.loadLanguage('Polish');
console.log(language);
//

Lecz gdy odwołam się do konkretnej wartości elementu otrzymuje undefined

gameManger.loadLanguage('Polish');
console.log(language.options);

Czy ktoś wie o co tu może chodzić? Albo zna jakiś lepszy sposób? Próbowałem jQuery.extend ale nic nie działało.

1 odpowiedź

odpowiedź 21 lutego 2018 przez zgrybus Pasjonat (24,860 p.)
wybrane 21 lutego 2018 przez Riddick

Najlepsza

Asynchroniczność :) Kod z console.log(language.options), wykona się przed gameManager.loadLanguage.

Musisz użyć Promise ( będziesz miał dostęp do całego obiektu po słowie kluczowym then ) lub możesz użyć callbacka ( funkcja zwrotna ).

komentarz 21 lutego 2018 przez Riddick Bywalec (2,600 p.)

Chyba rozumiem. ajax nie czeka na odpowiedź tylko idzie dalej. A to oznacza, że jeśli wykonałbym tą instrukcje później w realnym czasie to wtedy zadziała lub użył promise i wykonał tą instrukcje kiedy dostane odpowiedź. Mam racje?

1	komentarz 21 lutego 2018 przez zgrybus Pasjonat (24,860 p.) Tak, idzie dalej. W przeciwnym wypadku cała strona by nie działała :) Tu masz dokładniej, jak cały silnik JS'a działa https://www.youtube.com/watch?v=8aGhZQkoFbQ Super wykład, polecam.