Estendere oggetti con jQuery extend

jQuery ha la funzione $.extend che ci permette di estendere / unire uno o più oggetti.

Per certi versi assomiglia all'estensione delle classi nella OOP.

Non mi è mai capitato di usarla, quindi ho fatto un rapido esempio giusto per capire come funziona.

Ecco il codice:

var obj1 = {
    matematica: 10,
    storia: 7,
    geografia: 8,
    latino: 4
};

console.log(obj1);

var obj2 = {
    matematica: 8,
    latino: 7
};

$.extend(obj1, obj2);
console.log(obj1);

In console avrete questo:

Object { matematica: 10, storia: 7, geografia: 8, latino: 4 }
Object { matematica: 8, storia: 7, geografia: 8, latino: 7 }

Come vedete, alcuni attributi (matematica e latino) sono cambiati.

Facciamo un altro esempio:

var obj1 = {
    matematica: 10,
    storia: 7,
    geografia: 8,
    latino: 4
};

console.log(obj1);

var obj2 = {
    matematica: 8,
    latino: 7,
    italiano: 5
};

$.extend(obj1, obj2);
console.log(obj1);

Qui abbiamo aggiunto un valore nel secondo oggetto, che verrà stampato nel secondo log:

Object { matematica: 10, storia: 7, geografia: 8, latino: 4 }
Object { matematica: 8, storia: 7, geografia: 8, latino: 7, italiano: 5 }

Evvia jQuery!

Enjoy!