자바스크립트의 화살표 함수
이제 함수 구문을 단순화하는 화살표 함수를 살펴보겠습니다.
다음 코드 예제에서 첫 번째는 일반 함수, 두 번째는 이에 상응하는 화살표 함수입니다(두 함수 모두 동일한 작업을 수행함).
let func1 = function(num1, num2) {
let result = num1 * num2;
return result;
}
let func2 = (num1, num2) => {
let result = num1 * num2;
return result;
}
함수에 코드가 한 줄만 있는 경우, 화살표 함수에서는
return과 중괄호를 생략할 수 있습니다.
let func1 = function(num1, num2) {
return num1 * num2
}
let func2 = (num1, num2) => num1 * num2;
화살표 함수의 매개변수가 하나인 경우 - 괄호를 생략할 수 있습니다.
let func1 = function(num) {
return num * num;
}
let func2 = num => num * num
함수에 매개변수가 전혀 없는 경우 - 빈 괄호를 써야 합니다.
let func1 = function() {
console.log('!!!');
}
let func2 = () => console.log('!!!')