Front-End/JavaScript
[JavaScript] 화살표 함수
민바이민
2020. 12. 31. 16:20
화살표 함수
ECMA6에 추가된 문법입니다. function 키워드를 사용하여 함수를 만든 것보다 간단하게 표현합니다. 화살표 함수는 항상 익명입니다.
1. 매개변수가 없는 경우
- 일반함수
const hello1 = function(){
console.log('안녕하세요. JavaScript');
}
-화살표함수
const hello2 = () => console.log('안녕하세요. JavaScript');
2. 매개변수가 있는 경우
const hello3 = x => console.log(`매개변수로 전달받은 값은 : ${x}`);
const hello4 = (x, y) => console.log(`두 수의 합 : ${x + y}`);
3. 리턴값이 있는 경우
const hello5 = (x, y) => {
let sum = 0;
for(let i=x; i<=y; i++){
sum += i;
}
return sum;
}
리턴값이 있는 경우 꼭 중괄호{}가 있어야한다.