* 함수 선언하고 호출하기
function 함수명() { //함수 선언하기
명령
}
함수명() 또는 함수명(변수) // 함수 호출하기
* var, let, const로 선언한 변수 비교
구분 | var | let | const |
스코프 | 함수 레벨 | 블록 레벨 | 블록 레벨 |
재할당 | 가능 | 가능 | 불가능 |
재선언 | 가능 | 불가능 | 불가능 |
* 함수 표현식
- 익명 함수 : 이름 없이 선언한 함수
function(매개변수) { 명령 }
- 즉시 실행 함수 : 함수를 정의하는 것과 동시에 실행
(function() { 명령 }());
(function(매개변수) { 명령 }(인수));
- 화살표 함수 : ES6부터 지원하는 방법으로 화살표 기호(=>) 왼쪽에는 매개변수를, 오른쪽에는 함수를 작성함.
익명 함수일 때만 사용할 수 있음.
(매개변수) => { 함수 내용 }
* 이벤트와 이벤트 처리기
- 이벤트 : 키보드에서 키를 누르거나 브라우저가 웹 페이지를 불러오는 것처럼 웹 브라우저나 사용자가 행하는 동작
- 이벤트 처리기 : 웹 문서에서 이벤트가 발생할 때 그 이벤트에 반응해서 실행하는 함수
'HTML, CSS, Javascript' 카테고리의 다른 글
[Javascript] Array 객체의 메서드(2) - slice() (0) | 2021.08.07 |
---|---|
[Javascript] Array 객체의 메서드(1) - splice() (0) | 2021.08.07 |
[CSS] 반응형 웹과 미디어 쿼리 (0) | 2021.07.26 |
[CSS] 트랜지션과 애니메이션 (0) | 2021.07.13 |
[CSS] 구조 가상 클래스 (0) | 2021.07.12 |