사실 질문자는 세 번째 쓰기 방식이 이상하고 쓸모없다고 생각합니다. 왜냐하면 그는 이 쓰기 방식의 올바른 사용법을 이해하지 못하기 때문입니다. 두 번째 예가 더 직관적입니다

간단히 말하면 첫 번째와 세 번째는 모두 함수 표현식이고, 두 번째는 함수 선언입니다. 세 번째는 특별한 능력을 지닌 좀 더 특별한 함수 표현입니다.

이 문제를 설명하려면 '무엇을, 어떻게, 왜'에 대한 이해가 필요합니다.

따라서 첫 번째와 두 번째의 주요 차이점은 선언 시점이 일치하지 않는다는 것입니다. 함수 표현식은 코드가 해당 명령문에 실행될 때만 변수에 값을 할당하는 반면, 함수 선언은 현재 명령을 입력할 때 할당됩니다. 함수 실행 컨텍스트에 값을 미리 할당합니다.

직관적인 예

세 번째 유형의 경우 직관적인 예는 다음과 같습니다

그러니까 이렇게 작성한 함수 식별자가 함수 선언부와 다릅니다. 함수 내부에서는 접근이 가능하지만, 함수 외부에서는 접근이 불가능합니다. 그래서 우리는 여러 곳에서 이렇게 작성된 것을 볼 수 있습니다. 한 가지 장점은 재귀를 사용할 때 함수에 이름이 있어서 더 직관적이라는 것입니다

왜 이런 일이 일어나는 걸까요?

브라우저가 구문 분석할 때 실제로 표현식 뒤의 식별자를 현재 함수 객체에 지불하므로 위의 예에서는

함수 내 실행 컨텍스트에서는 현재 함수 개체가 범위 내에 있으므로 내부적으로 호출할 수 있습니다

위

세 번째 정의에 설명을 추가하세요. 函数表达式,并不是函数定义语句함수 표현식은 함수 이름을 가질 수 있지만 이 함수 이름은 함수 표현식 내부에서만 사용할 수 있습니다.Javascript Authoritative Guide 8.1 함수 정의를 참조하세요.

MDN JavaScript 함수에서 함수를 정의하는 방법에는 여러 가지가 있습니다.

• 함수 선언(함수문)

• 함수 표현

• 함수 생성기 선언(함수* 문)

• 함수 생성기 표현식(함수* 표현식)

• 화살표 함수 표현 (=>)

• 함수 생성자

• 생성기 함수 생성자

원본 포스터의 질문에는 함수 선언과 함수 표현식에 대해서만 이야기했습니다.

1) 함수 선언

2) 함수 표현

name은 선택사항입니다. 함수 이름 name을 생략하면 함수는 익명 함수가 됩니다.

이렇게 보면 제3의 작성 방법이 왜 있는지에 대해 계속 이야기할 필요가 없습니다. 그렇지 않으면 정말 혼란스러울 것입니다. 하지만 여기서는 주로 함수 선언과 함수 표현식의 차이점에 대해 이야기해야 합니다. 변수 승격 문제:

JavaScript는 초기화가 아닌 선언만 호이스트합니다. 함수 선언 아래에는 변수 승격이 있지만 함수 표현식 아래에는 없습니다. 따라서 함수 표현식 이 먼저 함수를 호출한 다음 함수 를 선언하면 오류가 보고됩니다.

첫 번째foo => 没名字的function
第三个foo => 有名字的function

하지만 두 개의 function的执行内容是一样的的，都把这个函数赋值给foo변수 초기화 객체

두 번째는 그냥 정상적으로 함수를 선언한 뒤 함수를 호출하면 됩니다

세 번째 유형은 할당작업입니다! foo!에 기능을 할당하세요! 이전에 foo를 사용했다면 미리 정의되지 않은 변수를 사용하는 것과 같습니다! 전체 함수를 인쇄하기 위해 작성한 코드 조각 뒤에 console.log(foo)를 사용하면 ()를 추가하면 자연스럽게 이 함수가 호출됩니다!
단 하나의 등호는 항상 js의 할당 연산이고 등호의 오른쪽은 할당의 내용이라는 점만 기억하세요! 그것에 대해 너무 많이 생각하지 마십시오! 등호 뒤에 함수를 100개 더 쓴다고 해도 기껏해야 할당이 될 뿐입니다!