[JavaScript기초] 함수 (함수 선언문, 함수 표현식, 화살표 함수)

 

 

목차
[1] 함수 선언문
[2] 함수 표현식
[3] 화살표 함수
[4] 간단한 예제

 

---

[1] 함수 선언문

---

[2] 함수 표현식(익명 함수)

• 함수 표현식 : 함수를 변수에 할당하는 방식

---

[3] 화살표 함수

• 화살표 함수 : 함수 표현식의 간결 표현, 주로 함수 실행문 1개일 때 유용

• 함수 표현식에서 function 키워드가 빠지고 매개변수와 본문 사이에 화살표 추가
• 함수 본문 내 실행문이 1개일 경우 중괄호{} 생략가능, 실행문 1개가 return문이면 return 생략

---

[4] 간단한 예제

// 문제)
// 두 수의 차이(절대값)를 구하는 함수 만들기 calculateDifference라는 이름의 함수를 정의해 보세요
// 이 함수는 두 개의 숫자를 매개변수로 받아 두 수의 차이를 반환해야 합니다.


// case 1) 함수 선언문
{
  let a = 10;
  let b = 20;

  function calculateDifference(x, y) {
    let result = x - y;
    if (result < 0) {
      result *= -1;
    }
    return result;
  }

  // let z = calculateDifference(a, b);
  // console.log(z);
  console.log(calculateDifference(a, b));
}
console.log('------------------------------');
// case 2) 함수 표현식
{
  let a = 10;
  let b = 20;
 
  let calculateDifference = function (x, y) {
    let result = x - y;
    if (result < 0) {
      result *= -1;
    }
    return result;
  }
  
  // let z = calculateDifference(a, b);
  // console.log(z);
  console.log(calculateDifference(a, b));
}
console.log('------------------------------');
// case 3) 화살표 함수
{
  let a = 10;
  let b = 20;
 
  let calculateDifference = (x, y) => {
    let result = x - y;
    if (result < 0) {
      result *= -1;
    }
    return result;
  };
  
  // let z = calculateDifference(a, b);
  // console.log(z);
  console.log(calculateDifference(a, b));
}

 

---

Copyright ⓒ. JaePPy All rights reserved.

usopp1004@naver.com