13. 화살표 함수

화살표 함수

• function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현
• 화살표 함수는 항상 익명

매개변수가 없을 경우

const 함수명 = () =>{
    함수가 호출되었을 때 실행할 문장;
    ...
}

// 한 줄만 표현할 경우
const 함수명 = () => 함수가 호출되었을 때 실행할 문장;

매개변수가 있을 경우

const 함수명 = (매개변수1, 매개변수2, ...) =>{
    함수가 호출되었을 때 실행할 문장;
    ...
}

// 한줄만 표현할 경우
const 함수명 = (매개변수1, 매개변수2, ...) => 함수가 호출되었을 때 실행할 문장;

// 매개변수가 1개인 경우에는 소괄호를 생략할 수 있음
const 함수명 = 매개변수1 => 함수가 호출되었을 때 실행할 문장;

화살표 함수 예제

const func1 = () => console.log("안녕하세요 JavaScript!");

func1(); // 안녕하세요 JavaScript!

const func2 = (x, y) => console.log(`두 수의 합: ${x+y}`);
func2(10, 3) // 두 수의 합: 13

const func3 = x => x*x;
const result = func3(10);
console.log(`10의 제곱: ${result}`); // 10의 제곱: 100

const func4 = (x,y) =>{
    let sum = 0
    for(let i = x; i<=y; i++){
        sum += i;
    }
    return sum;
}

const total = func4(1, 100);
console.log(`1부터 100까지의 합: ${total}`); // 1부터 100까지의 합: 5050

삼항연산자를 이용한 화살표 함수

let age = prompt("나이를 입력하세요");
const isAdult = (age > 19) ? () => console.log("성인입니다")
: () =>console.log("미성년입니다");

isAdult()