본문 바로가기

PWA

재활용할 수 있는 블록 함수(PWA 공부#3)

자바스크립트 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