자바스크립트 ES6에서부터는 변수가 유지될 수 있는 범위인 스코프(scope)가 더욱 엄격해졌고, 함수를 객체처럼 변수에 저장해서 사용할수있는 함수 표현식도 가능해졌다.
- 기존 함수 선언 방식: 선언식 -
함수는 크게 선언식(delaration)과 표현식(expression)으로 사용 가능하다.
ES6+ 자바스크립트에서는 함수 표현식도 많이 사용한다.
-함수 선언식 예시-
함수명(매개변수1, 매개변수2){
수행명령부
}
function fnSayHello{
alert("안녕하세요") //alert을 호출하여 웹 페이지상의 버튼이 구현될때 팝업 알림창 이벤트 핸들러 실행.
}
- 새로운 함수 선언 방식: 표현식 -
함수 표현식은 함수명 없이 선언한 후에 객체 변숭에 저장하는 방식.
-함수 표현식 예시-
const fnMinusNumbers = function (pNum1, pNum2){ //fnMinusNumber 함수 표현 선언
retrun pNum1 - pNum2; // return 값으로 pNum1 - pNum2 실행
}
'PWA' 카테고리의 다른 글
화살표 함수 (#5) (0) | 2020.09.26 |
---|---|
변수선언 (#4) (0) | 2020.09.26 |
PWA의 6가지 핵심기술 (PWA공부 #2) (0) | 2020.09.20 |
웹앱 프로그레시브 공부 #1 (0) | 2020.09.20 |