IT/JSP&javascript&jQuery

Arrow Function 화살표 함수 (ES6)

바다, 2023. 2. 22. 19:32
반응형

Arrow Function은 ES6 문법으로 항상 익명 함수이다.

기본 구조 (문법)
var func1 = function() {
    console.log('test1');

}

=>

var func2 = () => console.log('test2');

 


매개 변수 없는 경우,
var func = () => console.log('test');
func(); // test

매개 변수 하나인 경우,
var func1 = x => x;

var func2 = (x) => x;

func1('test'); // test

func2('test'); // test

매개 변수 여러개인 경우,
var func1 = (x, y) => x + y;
var func2 = (x, y) => {
    return x + y;
}
func1(1, 2); // 3
func2(1, 2); // 3

* "{ }" 사용 시 return이 없는 경우,
var func3 = (x, y) => {
    x + y;
}
func3(1, 2); // undefined
undefined를 반환한다.

 
 
반응형