Несколько параметров
В документации нет точного объяснения того, как работает extension, поэтому я провел небольшой тест:
var a = {foo: 1, bar: 1};
var b = {foo: 2, baz: 2};
var c = {foo: 3};
var r = jQuery.extend(a,b,c);
console.log("A: Foo=" + a.foo + " Bar=" + a.bar + " Baz=" + a.baz);
console.log("B: Foo=" + b.foo + " Bar=" + b.bar + " Baz=" + b.baz);
console.log("C: Foo=" + c.foo + " Bar=" + c.bar + " Baz=" + c.baz);
console.log("R: Foo=" + r.foo + " Bar=" + r.bar + " Baz=" + r.baz);
console.log("A === R?: " + (a === r));
( console.logФункция предназначена для работы в Firebug; замените ее на alert () или другую функцию вывода, если хотите).
Результат:
A: Foo=3 Bar=1 Baz=2
B: Foo=2 Bar=undefined Baz=2
C: Foo=3 Bar=undefined Baz=undefined
R: Foo=3 Bar=1 Baz=2
A === R?: true
Из этого мы видим, что jQuery.extend ():
- Начинается с объекта, предоставленного первым параметром.
- Добавляет к нему какое-либо свойство во втором параметре. Если свойство уже существует в первом параметре, оно перезаписывается. Объект для второго параметра не изменился.
- Повторяет вышеуказанное с любым последующим параметром.
- Возвращает первый параметр.
Это полезно для объединения пользовательских и стандартных опционных объектов вместе, чтобы получить полный набор опций:
function foo(userOptions) {
var defaultOptions = {
foo: 2,
bar: 2
};
var someOtherDefaultOptions = {
baz: 3
};
var allOptions = jQuery.extend(
defaultOptions,
someOtherDefaultOptions,
userOptions
);
doSomething(allOptions);
}
foo({foo:1, baz:1});
Обратите внимание, что «null» - допустимое значение для перезаписи, а «undefined» - нет. Возможно, вы сможете это использовать.
var a = {foo: "a", bar: "a"};
var b = {foo: null, bar: undefined};
jQuery.extend(a,b);
console.log("A: Foo=" + a.foo + " Bar=" + a.bar);
Результаты в:
A: Foo=null Bar=a
Один параметр
Если передать только один объект jQuery.extend(), то JQuery предполагает , что jQueryобъект сам по себе является «первым» параметр (то есть: один должен быть изменен), а ваш объект является «второй» (то есть: один , чтобы добавить к первому) , Так:
console.log( "Before: " + jQuery.foo );
jQuery.extend({foo:1});
console.log( "After: " + jQuery.foo );
Результаты в:
Before: undefined
After: 1
