객체에 함수 이름을 선언합니다. 이유는 무엇입니까?

Question

은 일부 JS 코드의 성능에 작업이었고,이 방법 보았다

window.sample = { 

    foo: function foo(a,b){ 
     // code goes here 
    } 

    bar: function bar(a,b){ 
     // code goes here 
    } 

} 

당신이 단어를 "기능"후 함수 이름을 감속 왜 어떤 이유가 있습니까?

복용량 디버깅에 도움이 되나요?

좋은지 나쁜지 아니면 불필요한가요?

Answer 1

대신 foo 및 bar 속성에 익명의 함수를 할당하면 명명 된 함수가 할당됩니다.

가 디버깅에 도움이 될 수 있습니다 :이 만드는 유일한 차이점은, 내가 알고있는 것을, 당신은 함수의 이름 대신 "자바 스크립트 익명 함수"의 호출 스택

Answer 2

에 표시 볼 것입니다 유일한 이유는 당신이 개체에 대한 참조없이 함수 내에서 함수 자체를 사용할 수있는 것 :

foo: function foo(a,b){ 
    return a > 0 ? a + foo(a-1,b) : b; 
} 

당신이 정말로 그것을를 사용하지 않아야 있도록라는 이름의 함수 리터럴에 대한 지원을

참고 howeever는, 브라우저에서하지 일치 .

Answer 3

이라는 이름의 함수 식입니다. 함수의 이름은 함수 자체의 변수로만 사용할 수 있습니다. 이것은 예를 들어, 재귀 유용 할 수 있습니다 :

함수의 이름도 디버깅 또는 검사 스택 추적하면서 기능을 식별 할 수있는 기능의 표준이 아닌 name 특성을 통해 대부분의 브라우저에서 사용할 수

var obj = { 
    foo: function foo(node) { 
     // Do something to node 

     var childNode = node.firstChild; 
     while (childNode) { 
      foo(childNode); 
      childNode = childNode.nextSibling; 
     } 
    } 
}; 

.

IE < 9에는 결함이 있으므로 구현시주의를 기울여야합니다. 자세한 내용은 Juriy Zaytsev's excellent article on the subject에서 확인할 수 있습니다.