나는 모두가 두 가지 방법을 모두 사용해 본 적이 있다고 생각하지만, 차이점과 내부 원리를 모두가 아는 것은 아닙니다.
// 방법 1
function func1 (x, y){
// 코드
}
// 방법 2
var func2 = function(x,y){
// 코드
}
방법 1은 일반적인 함수 선언(Function Declaration)입니다.
방법 2는 변수에 익명 함수를 할당하는 함수 표현식입니다. 즉, 방법 2는 형식 매개변수 x와 y를 사용하여 익명 함수를 생성한 다음 해당 익명 함수를 변수 func2에 할당합니다.
주요 차이점은 다음과 같습니다.
1, 함수 선언은 지정된 함수 이름을 표시해야 합니다. 여기서는 func1입니다. 함수 표현식은 익명 함수를 사용합니다.
2, 메서드 1은 코드 앞에 있습니다. 실행(해석 기간)이 스코프에 로드되고, 코드가 실행될 때(런타임) 메소드 2가 로드되어야 합니다.
간단한 예를 통해 사용법의 차이를 이해하는 데 도움이 됩니다
alert(func1) // --> >alert(func2); // --> 정의되지 않음
// 방법 1
function func1(x,y){
// 코드
}
// 방법 2
var func2 = function(x ,y){
// your code
}
보시다시피 func1의 소스코드가 처음 뜨는데, 두 번째로 정의되지 않았습니다. 즉, 메소드 1(함수 선언)을 사용하여 함수를 정의하면 함수 코드 위에 사용할 수 있습니다. 메소드 2(함수 표현식)를 사용하여 함수를 정의하면 해당 함수를 정의하기 전에는 사용할 수 없습니다. 하지만 정의한 후에만 사용할 수 있습니다.
내부적으로 실행 컨텍스트(Execution context)와 활성화 객체(Activation object)를 포함합니다. 더 알고 싶다면 EcmaScript 5 설명서를 읽어보세요.
최근에는 특히 중첩된 함수에서 함수를 정의하기 위해 방법 2를 사용하는 것을 선호하는 사람들이 점점 더 많아지고 있습니다. 예를 들어 단순히 함수를 정의하는 것은 여전히 관례적인 방법 1입니다.