View

화살표 함수 기본 연습 -2

special 2021. 7. 25. 13:57

화살표 함수는 함수표현식과 같은 방법으로 사용할 수 있다.

let age = prompt("나이를 알려주세요.", 18);

let welcome = (age<18)?
    () => alert ('안녕') :
    () => alert ('안녕하세요!');

welcome();
  • 문법이 눈에 익기 시작하면 가독성이 올라간다.
  • 함수 본문이 한 줄인 간단한 함수는 화살표 함수를 사용해서 만드는 게 편리

본문이 여러 줄인 화살표 함수

=> 왼쪽에 있는 인수를 이용해 => 오른쪽에 있는 표현식을 평가하는 함수 외에

  • 평가해야 할 표현식이나 구문이 여러 개인 함수
    • 이 경우 역시 화살표 함수 문법을 사용해 함수를 만들 수 있다.
    • 중괄호 안에 평가해야 할 코드를 넣어주어야 한다.
    • return 지시자를 이용해 명시적으로 결과값을 반환해 주어야 한다.
let sum = (a,b)=> {
    // 중괄호는 본문이 여러 줄으로 구성되어 있음을 알려준다.
    let result = a + b;
    return result; // 중괄호를 사용했다면 return 지시자로 결괏값을 반환해주어야 한다.
}

alert(sum(1,2)); //3

  • 화살표 함수의 특징 : 간결함
  • 본문이 한 줄인 화살표 함수
  • 화살표 함수가 콜백으로 쓰인 경우

화살표 함수 심화 (추후 링크)


  • 화살표 함수는 본문이 한 줄인 함수를 작성할 때 유용
    본문이 한 줄이 아니라면 다른 방법으로 화살표 함수를 작성해야 한다.
  1. 중괄호 없이 작성 (.,.args) => expression
    화살표 오른쪽에 표현식을 둔다.
    함수는 이 표현식을 평가하고, 평가 결과를 반환한다.
  2. 중괄호와 함께 작성 (...args) => {body}
    본문이 여러줄로 구성되었다면 중괄호를 사용해야 한다.
    다만 이 경우에는 반드시 return 지시자를 사용해 반환값을 명기해주어야 한다.

출처 및 참고사이트
https://ko.javascript.info/arrow-functions-basics

Share Link
reply
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28