JavaScript内の子オブジェクトへのアクセス

Question

'2つのJavaScriptオブジェクトを拡張しています。そのうちの1つは、ファイルから継承される変数であり、もう1つはユーザープリファレンスを持つ単純なオブジェクトです。

// 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); 

問題は、彼らがマージされたファイル内のオブジェクトあると私はprefs.producersまたはprefs.studioを使用して生産者やスタジオにアクセスすることはできませんです。どうすればこの問題を回避できますか？

Answer 1

これを試してみてください：

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

元のオブジェクト（複数可）の新しいコピーを作成する空のオブジェクトを拡張します。

またしかしjQuery.extendもObject.assignは常に（パフォーマンス向上のために）平坦であるのに対し、再帰的にマージする深いオプションを持って、同じタスクのためObject.assignを使用することができます。

Answer 2

このコードを試してください。ただし、私は、JQueryを使用しないようにするために、ES6でObject.assignをお勧めします。同じである：あなたのコードがObject.assignせずに作業して

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

スニペット（$.extendを使用して）：

// 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>