HTML, CSS, Javascript

[Javascript] 함수와 이벤트

웅지니어링 2021. 8. 5. 17:35

* 함수 선언하고 호출하기

function 함수명() { //함수 선언하기
	명령
}
함수명() 또는 함수명(변수) // 함수 호출하기

 

* var, let, const로 선언한 변수 비교

구분 var let const
스코프 함수 레벨 블록 레벨 블록 레벨
재할당 가능 가능 불가능
재선언 가능 불가능 불가능

 

* 함수 표현식

- 익명 함수 : 이름 없이 선언한 함수

function(매개변수) { 명령 }

- 즉시 실행 함수 : 함수를 정의하는 것과 동시에 실행

(function() { 명령 }());
(function(매개변수) { 명령 }(인수));

- 화살표 함수 : ES6부터 지원하는 방법으로 화살표 기호(=>) 왼쪽에는 매개변수를, 오른쪽에는 함수를 작성함.

익명 함수일 때만 사용할 수 있음.

(매개변수) => { 함수 내용 }

 

* 이벤트와 이벤트 처리기

- 이벤트 : 키보드에서 키를 누르거나 브라우저가 웹 페이지를 불러오는 것처럼 웹 브라우저나 사용자가 행하는 동작

- 이벤트 처리기 : 웹 문서에서 이벤트가 발생할 때 그 이벤트에 반응해서 실행하는 함수