javascript - 화살표함수

함수를 더 간단하게 표기하는 법

화살표함수

 

  이름만 있는 함수  

// 이름만 있는 함수
function func1() {
    console.log('안녕하세요!');
}

// 화살표 함수
const func1 = () => console.log('안녕하세요');

 

 

  매개변수가 있는 함수  

// 매개변수가 있는 함수
function func2(x) {
    console.log(`매개변수로 전달받은 값 : ${x}`);
}
const func2 = x => console.log(`매개변수로 전달받은 값 : ${x}`);


// 화살표 함수
function func3(x,y) {
    console.log(`두수의 합 : ${x + y}`);
}
const func3 = (x, y) => console.log(`두수의 합 : ${x + y}`);

 

  리턴값이 있는 함수  

 

//  리턴값이 있는 함수
function func4(x,y){
    let sum = 0;
    for(let i=x; i<=y; i++){
        sum += i;
    }
    return sum;
    }


// 화살표 함수
const func4 = (x, y) => {
    let sum = 0;
    for(let i=x; i<=y; i++){
        sum += i;
    }
    return sum;
}

 

 

 

 

 

 

지금은 눈에 익히고 익히는 게 목적.

첫 술에 배부를 수 없다