Использование объектов Внутри на Jquery Plugin Defaults

Question

Я с codepen, представляющий мой вопрос: http://codepen.io/anon/pen/ibwvl

В codepen, я создаю некоторые простые функции плагин инициализации и выйти из настроек, когда приложение начинает работать.

Мой вопрос: когда я console.log(app.settings) Я вижу свой объект по умолчанию вместе с новым объектом объектов, объединенным вместе, но я не вижу последнего ключа внутри объекта default по умолчанию (foo3). Это потому, что объект по умолчанию перезаписывается объектом options при запуске $.extend()? Если да, можно ли объединить вложенные объекты с $ .extend()?

Для ясности:

объекта по умолчанию:

var defaults = { 
     test: 'foo', 
     obj: { 
     key1: null, 
     key2: null, 
     key3: 'foo3' 
     } 
    } 

Варианты объекта:

$('#foo').fooTest({ 
    obj: { 
    key1: 'foo1', 
    key2: 'foo2' 
    } 
}); 

результат при входе app.settings:

test: 'foo', 
      obj: { 
      key1: null, 
      key2: null 
      } 
     } 

Где сделал key3 go?

Был ли он перезаписан из-за плагина параметров, определяющего новый объект, как obj: {}?

Если да, то как я могу использовать расширение с вложенными объектами и гарантировать, что они не будут перезаписаны?

Answer 1

Да, вы обременяете объект. Но, к счастью, $.extend принимают boolean как первый параметр, который допускает глубокое расширение.

Вобще:

app.settings = $.extend(true, defaults, options); //this will override defaults 
app.settings = $.extend(true, {}, defaults, options); //this will not 
//app.settings will be the same with both way 

Deep extension

Answer 2

Используйте deep параметр функции jQuery.extend. Это заставит функцию расширения работать рекурсивной.

app.settings = $.extend(true, {}, defaults, options); 

From here, вы можете найти больше примеров о jQuery.extend функции и ее использования.

Но будьте осторожны, поскольку он добавлен в jQuery v1.1.4, и, как говорится в официальной документации, передача false для первого аргумента не поддерживается.