JavaScript의 인라인 함수와 익명 함수의 차이점

이 기사에서는 JavaScript의 인라인 함수와 익명 함수의 차이점과 코드에서 사용하는 방법을 이해합니다.

JavaScript의 인라인 함수와 익명 함수의 차이점 - 2020 - 다른 사람

JavaScript 인라인 함수는 변수 내의 익명 함수입니다. 항상 익명 함수의 URL로 호출됩니다.

런타임에 생성되며 중요하지 않습니다.

익명 및 인라인 함수는 둘 다 런타임에 생성된다는 점에서 거의 동일합니다. 반면에 인라인 함수는 변수에 할당되어 재사용이 가능하다.

이러한 의미에서 인라인 함수는 일반 함수와 유사하게 동작합니다.

인라인 함수 예:

var samelineFunc = function() {
  alert('inline function');
};
$('#inline_func_c').click(samelineFunc);

익명 함수 예:

$('#anon_func_b').click(function() {
  alert('anonymous function');
});

여기 데모

출력 1:

위의 코드를 실행하면 다음과 같은 내용이 표시됩니다.

여기에서 두 개의 버튼을 볼 수 있습니다. Button_1은 익명 기능으로 작동하고 Button_2는 인라인 기능으로 작동합니다. 위의 코드에서 익명 함수를 직접 호출할 수 있음을 볼 수 있습니다.

출력 2:

반면 인라인 함수를 위해 생성된 변수를 볼 수 있어 언제 어디서나 사용할 수 있습니다.