프로그래밍 「 자바스크립트 편」JavaScript 함수 유형

1. 기능 표현: 함수 표현식은 함수를 표현식으로 정의하고 변수에 할당하는 방법입니다. 여기에는 키워드를 사용하고 선택적 매개 변수와 함수 본문을 사용한 다음 변수에 할당하는 것이 포함됩니다. 함수 표현식은 함수가 값으로 사용되거나 다른 함수에 인수로 전달될 때 자주 사용됩니다.function

본보기:

const add = function (a, b) {
  return a + b;
};

const result = add(3, 5);
console.log(result); // Output: 8

위의 예에서 우리는 두 개의 매개 변수와 를 사용하는 함수 표현식을 정의합니다. 와 의 합계를 반환합니다. 함수는 변수에 할당 , 일반 함수로 호출할 수 있습니다.addababaddadd

2. 함수 선언: 함수 선언은 키워드를 사용하여 명명된 함수를 정의하는 방법입니다. 일반적으로 코드 전체에서 여러 번 호출할 수 있는 재사용 가능한 함수를 만드는 데 사용됩니다.function

본보기:

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("John"); // Output: Hello, John!
greet("Jane"); // Output: Hello, Jane!

위의 예에서 우리는 매개 변수를 사용하는 함수 선언을 정의합니다. 제공된 이름으로 콘솔에 인사말 메시지를 기록합니다. 이 함수는 다른 인수를 사용하여 여러 번 호출할 수 있습니다.greetnamegreet

3. 화살표 기능: 화살표 함수는 함수를 정의하기 위한 간결한 구문을 제공합니다. 화살표()로 표시되며 자체 값이 없습니다. 화살표 함수는 특히 한 줄로 된 작은 함수의 경우 더 짧고 읽기 쉬운 코드를 작성하는 데 자주 사용됩니다.=>this

본보기:

const multiply = (a, b) => a * b;

const result = multiply(4, 5);
console.log(result); // Output: 20

위의 예에서 우리는 두 개의 매개 변수와 를 사용하는 화살표 함수를 정의합니다. 와 의 곱을 반환합니다. 화살표 함수는 변수에 할당되며 다른 함수처럼 호출할 수 있습니다.multiplyababmultiply

화살표 함수에는 단일 식의 암시적 반환, 어휘 바인딩 및 보다 간결한 구문을 포함하여 몇 가지 장점이 있습니다. 그러나 화살표 함수는 모든 시나리오, 특히 컨텍스트를 처리하거나 자체 개체가 있는 함수가 필요한 경우에 적합하지 않을 수 있다는 점에 유의해야 합니다.thisthisarguments

함수 표현식, 함수 선언 및 화살표 함수를 이해하면 특정 프로그래밍 요구 사항에 따라 JavaScript에서 함수를 만들고 활용하기 위한 견고한 기반을 갖게 됩니다.