(JS) 화살표 함수 기초(함수 표현식의 간결화)

• 화살표 함수를 사용하면 함수 표현식을 보다 간결하게 표현할 수 있다.

// 함수 표현식
const exp = function add(a, b) {
    return a + b;
}

// 화살표 함수
const arrow = (a, b) => a + b;

 

• 이 때 구문이 하나인 화살표 함수의 경우에는 return을 생략해주어도 된다.
• 하지만 구문이 여러개인 화살표 함수는 아래처럼 중괄호 안에 return을 명시해주어야 한다.

// 화살표 함수
const arrow = (a, b) => {
    let value = a + b;
    return value;
}

console.log(arrow(5, 5));

 

• 인수가 하나라면 괄호를 생략해도 된다.
• 인수가 없다면 괄호 속은 비우되 괄호 생략은 불가능하다.

// 인수(매개변수)가 하나
const oneParam = n => n * 3;

// 인수(매개변수)가 없음
const noParam = () => console.log('인수가 없네');

console.log(oneParam(5));
noParam();

 

---

 

함수 표현식을 화살표 함수로 바꾸기

 

 

함수 표현식

function command(g1, g2) {
    if (x < 5) return g1();
    else return g2();
}
x = 6;
const order = command(
    function() {
        return '관우가 출전한다!'
    },
    function() {
        return '장비가 출전한다!'
    }
)

console.log(order);

---

화살표 함수

function command(g1, g2) {
    if (x < 5) return g1();
    else return g2();
}
x = 6;
const order = command(
    () => '관우가 출전한다!',
    () => '장비가 출전한다!'
)

console.log(order);