javascript - 在 JavaScript 中访问子对象

Question

“我正在扩展两个 JavaScript 对象，其中一个是从文件中 ajax 的变量，另一个是具有用户首选项的简单对象。

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

扩展空对象将创建原始对象的新副本。

您还可以使用Object.assign来完成相同的任务，但是jQuery.extend还有一个深度选项来递归合并，而Object.assign 始终是平坦的(为了获得更好的性能)。