[정리] 1 | 함수 선언 & 호출과 표현식, var let const, 이벤트와 이벤트 처리기 정리

[정리] 1 | 함수 선언과 호출, var let const, 함수 표현식, 이벤트와 이벤트 처리기 정리

함수 선언하고 호출하기

- 함수 선언하기
function 함수명() {
  명령
}

- 함수 호출하기
함수명() 또는 함수명(변수)

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

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

함수 표현식

익명함수 : 이름 없이 선언한 함수
function(매개변수) { 명령 }

즉시 실행 함수 : 함수를 정의하는 것과 동시에 실행
(function() { 명령 }());
(function(매개변수) { 명령 }(인수));

화살표 함수 : ES6부터 화살표 기호(=>) 왼쪽 매개변수, 오른쪽 함수 작성. 익명 함수일 경우에만 사용
(매개변수) => { 함수 내용 }

이벤트와 이벤트 처리기

이벤트 : 웹 브라우저나 사용자가 행하는 동작
이벤트 처리기 : 웹 문서에서 이벤트가 발생할 때 그 이벤트에 반응해서 실행하는 함수

 

 

 

 

 

 

 

 

 

출처 | Do it! HTML+CSS+자바스크립트 웹 표준의 정석(고경희)