javascript

Arrow function =>

grovy 2023. 3. 5. 22:47
728x90

Arrow function 

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다

화살표 함수(arrow function)를 사용하는 것입니다.

화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다.

 

let func = function(arg1, arg2, ...argN) {
  return expression;
};

let func = (arg1, arg2, ...argN) => expression

//위함수의 화살표함수버전!

let sum = function(a, b) {
  return a + b;
};

/*
let sum = (a, b) => a + b;
위 화살표 함수는 아래 함수의 축약 버전입니다.

*/

alert( sum(1, 2) ); // 결괏값 3


let age = prompt("나이를 알려주세요.");
//17 입력
let welcome = (age < 18) ?
  () => alert('안녕') :
  () => alert("안녕하세요!");

welcome(); 
//결괏값 17 
//함수도 동적으로 만들수 있어요 !

 

화살표 함수가 일반 함수와 다른 점은 다음과 같습니다.

  • this를 가지지 않습니다.
  • arguments를 지원하지 않습니다.
  • new와 함께 호출할 수 없습니다.
  • super가 없다!