1. 재귀 함수, 프로퍼티 연동 방지, 재귀 함수 형태

프로퍼티 연동 방지

• Object에 Object를 할당하면 프로퍼티 값이 연동됩니다.

  ⇒ origin 오브젝트를 dup변수에 할당 후 dup.member에 200을 할당하면 origin.member의 값이 연동되어 바뀌는데 오브젝트를 할당하며 값을 공유하기 때문입니다.

var origin = {member: 100};
var dup = origin;
dup.member = 200;
console.log(origin.member);//200

• 배열도 마찬가지로 연동됩니다.

var origin = [1, 2, 3];
var dup = origin;
dup[1] = 200;
console.log(origin);//[1, 200, 3]

• 연동 방지: 프로퍼티 단위로 할당합니다.

var origin = {member: 100};
var dup = {};
for (var name in origin){
	dup[name] = origini[name];
};
dup.member = 200;
console.log(origin.member);//100
console.log(dup.member);//200

재귀 함수

<aside> 💡 Recursive Function: 함수 안에서 자신 함수를 호출하는 형태

</aside>

사용 사례

• {name: {name: {name: value}}}
• [ [ 1, 2 ], [3, 4] , [5, 6] ]

재귀 함수 형태

1. show(book);

   • 마지막 줄에서 show(book)를 호출하며 book 오브젝트를 파라미터 값으로 넘겨줍니다.

2. for( var type in param){...}

   • for-in으로 파라미터로 받은 오브젝트를 전개합니다.

3. typeof param[type] === "object" ? show(param[type]) : console.log(type + ":", param[type]);

   • param[type] 타입이 "object"이면 자기자신을 호출(show())해 param[type]을 넘겨줍니다.
   • book["member"]이므로 {name: 100}이 넘어갑니다.

4. param[type]타입이 "object"가 아니면 member: {name: 100}에서 {name: 100}을 읽은 것이기에 값을 출력합니다.

var book = {
	member: {name: 100},
	point: {value: 200}
};
function show(param){
	for(var type in param){
		typeof param[type] === "object"
			? show(param[type])
			: console.log(type + ":", param[type]);
	}
};
show(book);

[실행 결과]

name: 100

value: 200

2. 즉시 실행 함수, 함수 즉시 실행 과정

즉시 실행 함수

• 함수 즉시 실행이란?

  • 엔진이 함수를 만났을 때 자동으로 함수를 실행하는데, 즉시 실행하기에 즉시 실행함수라 합니다.

  (function(){
  	console.log("JS북");
  }());