자바스크립트 기본 1.17 화살표 함수 기본

Eddy·2023년 5월 23일
0

코어 자바스크립트

목록 보기
17/30

♠ 자바스크립트 기본

♣ 1.16 함수표현식

♥ 화살표 함수 기본

화살표 함수는 본문이 한 줄인 함수를 작성할 때 유용합니다. 본문이 한 줄이 아니라면 다른 방법으로 화살표 함수를 작성해야 합니다.

  1. 중괄호 없이 작성: (...args) => expression – 화살표 오른쪽에 표현식을 둡니다. 함수는 이 표현식을 평가하고, 평가 결과를 반환합니다.
  2. 중괄호와 함께 작성: (...args) => { body } – 본문이 여러 줄로 구성되었다면 중괄호를 사용해야 합니다. 다만, 이 경우는 반드시 return 지시자를 사용해 반환 값을 명기해 주어야 합니다.
  • 인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있습니다. 괄호를 생략하면 코드 길이를 더 줄일 수 있습니다.

예시:

    *let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일합니다.
//*alert( double(3) ); 
// 6
  • 중괄호를 사용했다면return 지시자를 사용해 명시적으로 결괏값을 반환해 주어야 합니다.

예시:

    let sum = (a, b) => {  
      // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줍니다.
      let result = a + b;
      *return result; 
      // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 합니다.*};
    alert( sum(1, 2) ); // 3

0개의 댓글