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

Shiv Yadav 2023년10월12일
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:

익명 기능

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

인라인 함수

작가: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

관련 문장 - JavaScript Function