여러 매개 변수

문서는 extend가 어떻게 작동하는지 설명하는 데 정확하지 않으므로 약간의 테스트를 실행했습니다.

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

답변

Ex: $.extend(object1, object2);

Ex: var newObject = $.extend({}, object1, object2);

var carObjectTemplate = {
"make": "honda",
"model":"city",
"mileage":"20",
"variant":"petrol"

{"color":"red"} property and overriding "model" property from "city" to "amaze"