0. Target Objects

var obj1 = {
	a: 1, 
  	b: 2
};

var obj2 = {
	a: 10, 
  	c: 3
};

1. Spread Operator(ES6)

var obj3 = {...obj1, ...obj2};
/*
obj3 = {
	a: 10, 
	b: 2, 
	c: 3
}
*/

• 겹치는 a 값의 경우, 나중에 호출되는 값으로 덮어씌워짐
• obj1, 2는 변함없음

2. Object.assign(ES6)

var obj3 = Object.assign(obj1, obj2);
/*
obj3 = {
	a: 10, 
	b: 2, 
	c: 3
}
*/

• 겹치는 a 값의 경우, 나중에 호출되는 값으로 덮어씌워짐
• obj1에 obj2가 merge되어 obj1과 obj3이 동일해짐

3. $.extend(jQuery)

$.extend(obj1, obj2);
/*
obj3 = {
	a: 10, 
	b: 2, 
	c: 3
}
*/

• 겹치는 a 값의 경우, 나중에 호출되는 값으로 덮어씌워짐
• obj1에 obj2가 merge되어 obj1과 obj3이 동일해짐
• jQuery 사용시, ie에서 활용 가능