JavaScript'te çocuk nesnelerine erişme

Question

İki Javascript nesnesini bir dosyada bulunan ve diğeri kullanıcı tercihlerine sahip basit bir nesne olan iki JavaScript nesnesini genişletiyorum.

// local prefs 
var prefs = { name: "Bob Barker", show: "Price is Right" }; 

// ajax in default prefs with dataType: "script" 
var defaultPrefs = { 
     studio: { name: "CBS", location: "Hollywood, CA" }, 
     producers: [ { name: "Producer1" }, { name: "Producer2" } ] 
} 

// merge prefs 
var mergedPrefs = $.extend(prefs, defaultPrefs); 

problem, birleştirilmiş dosyada nesneleri oldukları gibi prefs.producers veya prefs.studio kullanarak üreticileri veya stüdyo erişemez olduğunu. Bunu nasıl aşabilirim?

Answer 1

bu deneyin:

var mergedPrefs = $.extend({}, prefs, defaultPrefs); 

orijinal nesne (ler) yeni bir kopyasını yaratacak boş bir nesne genişletme. Ayrıca aynı görev için Object.assign kullanabilirsiniz

Ancak jQuery.extend da Object.assign hep (daha iyi performans için) yassı iken yinelemeli birleştirmek için bir derin seçeneği sahiptir.

Answer 2

Bu kodu deneyin, ancak JQuery'yi kullanmamak için ES6'da Object.assign ürününü öneririm. aynı mıdır: ($.extend kullanarak) kod Object.assign olmadan çalışma ile

var mergedPrefs = Object.assign({}, prefs, defaultPrefs); 

Parçacığı:

// local prefs 
 
var prefs = { 
 
    name: "Bob Barker", 
 
    show: "Price is Right" 
 
}; 
 

 
// ajax in default prefs with dataType: "script" 
 
var defaultPrefs = { 
 
    studio: { 
 
    name: "CBS", 
 
    location: "Hollywood, CA" 
 
    }, 
 
    producers: [{ 
 
    name: "Producer1" 
 
    }, { 
 
    name: "Producer2" 
 
    }] 
 
} 
 

 
// merge prefs 
 
var mergedPrefs = $.extend({}, prefs, defaultPrefs);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>