js_javascript 스킬에 정의하면 바로 실행되는 함수식(함수) 작성법

1. 서문 함수를 먼저 정의한 후 사용해야 합니다. 이는 기본적으로 모든 프로그래밍 언어의 철칙입니다. 일반적으로 JavaScript 함수를 호출해야 하는 경우 기본 상황은 함수를 먼저 정의한 다음 호출하는 것입니다. 예시 보기 코드 복사 코드는 다음과 같습니다. &lt ;title>Say Hello //함수 sayHello() { alert("hello"); //함수 호출 sayHello() 그런데 함수를 명시적으로 호출할 필요가 없고 함수가 정의되었을 때 실행되도록 하려면 어떻게 작성해야 할까요? 2. 사고과정 위의 예시를 보면 위의 사용 조건을 똑똑히 조합해 보면 다음과 같이 생각할 수 있습니다. ===》함수에 호출이 있으므로 함수 정의 뒤에 중괄호 한 쌍을 추가하면 실행될 수 있나요? 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. function sayHello() { alert("hello"); }(); 안타깝게도 위의 작성 방법은 js 구문 오류를 보고합니다. 자바스크립트 파서는 전역 함수나 함수 내부 함수 키워드를 파싱할 때 기본적으로 함수 표현식 대신 중괄호를 함수 명령문으로 파싱하기 때문입니다. 즉, 마지막 중괄호 쌍은 기본적으로 이름이 없는 함수로 구문 분석되며, 함수 선언에 이름이 필요하기 때문에 구문 오류 메시지가 발생합니다. ===》 중괄호 안에 매개변수를 전달하면 표현식으로 파싱될까?라고 생각할 수도 있습니다. 코드 복사 코드는 다음과 같습니다. function sayHello() { alert ("hello"); }(1); 실제로 오류가 사라졌습니다. 하지만 위의 쓰기 방법은 다음 쓰기 방법의 효과와 동일합니다 코드 복사 코드는 다음과 같습니다 function sayHello () { alert("hello") } (1) 서로 관련이 없으면 함수가 실행되지 않습니다 3. 올바른 표기 JavaScript의 경우 괄호() 안에 문장을 넣을 수 없으므로 이때 파서가 함수 키워드를 구문 분석하면 함수 선언이 아닌 함수 표현식으로 구문 분석됩니다. 따라서 전체 코드(함수 부분과 끝에 있는 중괄호 쌍 포함)를 중괄호로 묶으세요. 코드 복사 코드는 다음과 같습니다. (function sayHello() { Alert("hello"); }()); 코드 복사 코드는 다음과 같습니다. (function sayHello() { alert( "hello"); })(); 첫 번째 방법을 사용하는 것이 좋습니다. 그러나 현재 더 나은 js 라이브러리 중 다수는 두 번째 방법을 사용하고 있습니다. 예: 웹 그래픽 드로잉: git, draw2d,....