[JavaScript] 함수를 선언식, 표현식, 화살표로 만들어보기

[JavaScript] 함수를 선언식, 표현식, 화살표로 만들어보기

함수명은 CamelCase로! (시작은 소문자!)

선언식 표현

function 함수명(매개변수1, 매개변수2, ...) {
    함수가 호출되었을 때 실행하고자 하는 실행문;
    return 함수 밖으로 내보내고 싶은 값;
}

표현식

let method = function (매개변수1, 매개변수2, ...) {
    함수가 호출되었을 때 실행하고자 하는 실행문;
    return 함수 밖으로 내보내고 싶은 값;
}    

화살표 Arrow

• 표현식으로 만드는 익명함수에서 사용

  let arrow = function() {
    console.log('arrow function');
  };

  arrow = () => {console.log('arrow function');}
  arrow();

• 활용해보기

  // 직접 해보기 : sum, minus 함수를 만들어보기
  sum = (a,b) => {return a+b;}
  sum2 = (a,b) => a+b;
  console.log(sum(1,2));
  console.log(sum2(1,5));
  minus = (a,b) => {return a-b;}
  console.log(minus(1,2));

함수 유형 예시

• 입력값은 있지만 출력값은 없는 경우

  // 함수 선언 (정의)
  function add (x, y) {
    console.log(x+y);
  }
  // 함수 호출 (사용)
  add(); // NaN 
  add(1, 2); // 3

• 입력값도 출력값도 없는 경우

  function print() {
    console.log("매개변수가 없는 함수");
  }
  print();

• 입력값과 출력값이 있는 경우

  function add2(x, y) {
    return x + y;
  }
  let num = add2(1+2); // num = 3
  console.log(num); // 3 출력

• 입력값은 없지만 출력값은 있는 경우

function print2() {
    return "매개변수가 없는 함수";
}
let s = print2();
console.log(s);

• 표현식 사용

  let method = function() {
    console.log("표현식");
  };
  method();

• 매개변수가 맞지 않는 경우

  function f(a,b,c) {
    console.log(a,b,c);
  }
  f(1,2); // 1 2 undefined
  f(1,2,3,4); // 1 2 3