javascript 함수(function, Arrow function '=>')

javascript 함수(function, Arrow function '=>')

▶기본 함수

function 함수이름(함수인자) {

함수실행코드

}

▶return 사용

Arrow function(화살표 함수) '=>' : 함수 선언을 간단하게 하기 위해 추가된 문법.

▶기본 함수: 아래 두가지는 동일한 함수이다!

let func = (함수인자) => expression

let func = (함수인자) => { statements }

*let func = function(함수인자) {

return expression;

};

▶간단하게 해주는 단축문법

1. function 생략 가능

2. 함수 인자가 1개라면 괄호() 생략 가능

3. 함수 코드가 한 라인이라면 코드 블록 기호{} 및 return키워드 생략 가능

둘 다 결과값은 4가 나옴.

sa1은 기존에 return키워드를 쓰는 기본 함수의 형태로 쓴것이고,

sa2는 Arrow function을 적용한 형태.

-function 생략가능하므로 생략 됨.

-함수인자가 1개여서 괄호(age) 생락 됨.

-함수 코드(return age * 4;)가 한 라인이여서 {} 및 return 생락 됨.

from http://rainbowcd.tistory.com/37 by ccl(A) rewrite - 2021-09-14 10:01:33