함수 표현식에서 느낌표의 목적 공개

JavaScript에서 코드를 실행할 때 느낌표(!)가 앞에 나타납니다. 함수는 몇 가지 질문을 제기할 수 있습니다. 구문에서의 기능과 역할을 자세히 살펴보겠습니다.

JavaScript의 구문은 "function foo() {}" 형식으로 선언된 함수는 함수 선언이며 실행하려면 호출이 필요함을 나타냅니다. 그러나 느낌표(!)가 포함된 함수 선언을 전처리하면 함수 표현식으로 변환되며, 함수 표현식 뒤에 괄호가 붙어 함수를 즉시 호출할 수 있습니다.

코드 "!function foo() {}() "는 함수를 선언하지만 실행하기도 하기 때문에 처음에는 중복된 것처럼 보일 수 있습니다. 그러나 여기서 느낌표는 두 가지 목적으로 사용됩니다.

• 표현식으로 변환: 함수 선언을 함수 표현식으로 변환합니다.
• 암시적 호출: 뒤에 괄호가 오면 느낌표가 함수를 호출하므로 명시적인 호출이 필요하지 않습니다. invocation.

이 기술은 본질적으로 구문적 트릭이지만 즉시 호출되는 함수 표현식(IIFE)에 대한 간결한 구문을 허용합니다. 보다 명시적인 코드 형식은 다음과 같습니다. "(function(){})();"

마지막으로 느낌표는 함수의 반환 값을 평가하여 부울로 강제 변환합니다. IIFE는 일반적으로 명시적으로 값을 반환하지 않기 때문에 정의되지 않은 값을 반환하며, 이는 느낌표에 의해 true로 강제됩니다. 이 부울 결과는 일반적으로 사용되지 않습니다.