화살표 함수
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;
}
리턴값이 있는 경우 꼭 중괄호{}가 있어야한다.
'Front-End > JavaScript' 카테고리의 다른 글
[JavaScript] 객체 (Object) (0) | 2021.01.13 |
---|---|
[JavaScript] 변수의 범위 (0) | 2021.01.09 |
[JavaScript] 자바스크립트 사용자 정의 함수 function, 호이스팅에 관해서. (0) | 2020.12.27 |
[JavaScript] 자바스크립트 배열 (0) | 2020.12.24 |
[JavaScript] 자바스크립트 반복문 while문, do ~ while문, for문, continue, break, 중첩반복문 (0) | 2020.12.21 |
댓글