함수를 인라인으로 만든다 / 인라인 함수

함수를 인라인으로 만든다

 

"함수를 인라인으로 만든다"는 말은 함수를 선언하거나 정의하는 대신, 그 함수의 내용(혹은 로직)을 직접 코드에 삽입하는 것을 의미한다다. 즉, 함수 호출 대신 함수의 로직을 직접 사용하는 방식이다.

 

1. 인라인 함수의 기본 개념

자바스크립트에서 "인라인으로 만든다"는 말은 주로 함수를 별도로 정의하지 않고 그 함수를 호출하는 자리에서 바로 함수 내용을 작성하는 것을 말한다.

 

2. 함수 정의 후 호출 (일반적인 함수 사용)

// 함수 정의
function sayHello(name) {
  console.log("Hello, " + name);
}

// 함수 호출
sayHello("Alice");

 

위 예시를 보면 sayHello()라는 함수가 먼저 정의되고, 그 다음 호출된다.

위와 같은 방식으로 사용될 경우 sayHello() 는 다른 곳에서 재사용할 수 있다.

3. 인라인 함수

반면, "인라인으로 만든다"는 방식은 함수 정의를 생략하고, 바로 그 자리에 함수를 즉시 실행하거나 그 자체로 코드에 삽입하는 방식이다.

// setTimeout으로 인라인 함수 사용
setTimeout(function() {
  console.log("Hello, World!");
}, 1000);

// 화살표 함수로 인라인 함수 만들기
setTimeout(() => {
  console.log("Hello, World!");
}, 1000);

 

이와 같이 사용하고 싶은 함수를 별도의 함수로 정의하지 않고 그 자리에 바로 코드 로직을 넣는 것을 말한다.

 

4. 인라인으로 작성 시 장점

1. 일회성 로직: 특정 작업을 한 번만 실행할 때, 별도의 함수로 정의하는 것보다 즉시 실행할 수 있도록 인라인으로 작성하는 것이 효율적일 수 있다.
2. 간결함: 코드의 양을 줄이고, 로직이 간단할 경우 인라인 함수로 작성하는 것이 더 간단하고 가독성 있게 만들 수 있다.