Language/JavaScript

화살표 함수

구일일구 2023. 9. 4. 14:25
반응형

화살표 함수(arrow function)

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법

let func = (arg1, arg2, ... argN) => expression

인자 arg1, arg2, ... argN을 받는 함수func이 만들어짐

함수 func는 화살표 => 우측의 표현식 expression을 평가하고, 평가 결과를 반환

 

let func = function(arg1, arg2, ... argN){
	return expression
}

위 함수의 축약 버전이 화살표 함수로 만든것


let sum= (a, b) => a + b;

/* 
축약 버전
let sum = function(a, b){
    return a + b;
}
*/

인수가 하나 밖에 없는 경우

인수를 감싸는 괄호를 생략 가능

let double = n => n * 2;

/* let double = function(n){return n * 2}와 동일 */

인수가 하나도 없을 땐 괄호를 비워놓으면 됨

다만, 이 때 괄호는 생략할 수 없음

let sayHi = () => alert('안녕하세요!');

sayHi();

 

반응형