jquery.extend()

Merge contents of two or more objects into the first

by erichbschulz

HTML

<div>Exploring jQuery.extend</div>

JavaScript

function log(s) {
    $('body').append('<p>' + s + '</p');
}

var a = {foo: 1, bar: 1};
var b = {foo: 2, baz: {zed: 'dark'}};
var c = {foo: 3};
var r = jQuery.extend(a,b,c);

var n = null;
var m = [];

var t = jQuery.extend(n, a);
jQuery.extend(m[1], a);

m[2] = {};

jQuery.extend(m[2], a);
r.baz.zed = 'light';

log("A: Foo=" + a.foo + " Bar=" + a.bar + " Baz=" + a.baz);
log("B: Foo=" + b.foo + " Bar=" + b.bar + " Baz=" + b.baz);
log("C: Foo=" + c.foo + " Bar=" + c.bar + " Baz=" + c.baz);
log("R: Foo=" + r.foo + " Bar=" + r.bar + " Baz=" + r.baz);
log("A === R?: " + (a === r));
log("b.baz.zed " + b.baz.zed);
log("t.foo =" + t.foo);

// log("m[1].foo " + m[1].foo);
log("m[2].foo " + m[2].foo);