함수안에서 자신을 다시 부를 수 있다.
흔히 재귀함수라고 하는것인데.

factorial(팩토리얼) 알고리즘을 예로 들어 설명한다.

‘팩토리얼 5’의 결과값은 120이다.

5 x 4 x 3 x 2 x 1 = 120

수식은 자신’5’부터 ‘1’까지 1씩 줄여가며 곱하는 것이다

이제 이것을 함수 이름으로 선언하면

function factorial (x) {
 if (x <= 1) 
 return 1;

 return x * factorial(x - 1);
}

함수 리터럴로 선언하면

var factorial = function(x) {
 if (x <= 1) 
 return 1;

 return x * factorial(x - 1);
}

그런데 만약 함수리터럴에서 다른이름으로 할당한다면 어떻게 될까 ?

factorial(5); // 120  기존함수
var fact = factorial; // 새 변수에 기존함수 할당
factorial = null; // 기존 함수 제거

fact(5); // error!!

fact 함수안에서 자신이 아닌 factorial을 부르고 있기때문에 자신을 찾을 수가 없다.

함수의 이름을 사용하지 말고 arguments.callee 를 사용해 자신을 불러보자.

var factorial = function(x) {
 if (x <= 1) 
 return 1;

 return x * arguments.callee(x - 1); // 자기자신을 부름
}

이렇게 되면 같은 과정을 거쳐 할당을 해도 작동을 한다.

factorial(5); // 120  기존함수
var fact = factorial; // 새 변수에 기존함수 할당
factorial = null; // 기존 함수 제거

fact(5); // 120 정상작동

getElementsByTagName 으로 특정Tag를 선택한후 for/in 문으로 인덱스를 뿌렸을때 이상한 것을 발견했다.

<h1>보라돌이</h1>
<h1>뚜비</h1>
<h1>나나</h1>
<h1>뽀</h1>

var tagH1 = document.getElementsByTagName("h1");

for(var i in tagH1){
  console.log(i);  // 0,1,2,3,length,item,namedItem
}

0,1,2,3 뿐만 아니라 length,item,namedItem 이란 요소가 따라왔다.
다시

document.getElementsByTagName("h1")[0]  // <h1>보라돌이</h1>
document.getElementsByTagName("h1")[1]  // <h1>뚜비</h1>
document.getElementsByTagName("h1")[2]  // <h1>나나</h1>
document.getElementsByTagName("h1")[3]  // <h1>뽀</h1>
document.getElementsByTagName("h1")[4]  // undefined

배열로 접근한다고 잡히지도 않는다.

getElementsByTagName 는 배열이 아니라 nodelist이다.

더군다나 for in 문은 배열의 인덱스를 출력하는것이라기보다 오브젝트의 property를 뱉어낸다.
배열도 오브젝트이다. 인덱스를 뿌려줄수있으나 nodelist라던가 특정 object의 경우 프로퍼티까지 다 나온다.

반대로 배열에서

var a = [ , , 3];

의 경우  일반 for문을 돌리면

for(var i=0; i < a.length ; i++) 
 console.log(a[i]); // undefined, undefined, 3

이렇게 나오지만  for/in문을 쓰면

for(var i in a)
console.log(i); // 3

이렇게 존재하는 요소만 출력한다.