| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- db
- websocket
- javascript
- mysql
- PYTHON
- 트랜잭션
- HTML
- redis
- 완전탐색
- Algorithm
- java
- BFS
- spring
- DFS
- nosql
- OS
- Docker
- 자료구조
- CS
- 알고리즘
- 데이터베이스
- It
- 운영체제
- Data structure
- 백준
- 트러블슈팅
- 영속성 컨텍스트
- CSS
- 프로그래머스
- jpa
Archives
- Today
- Total
If at first you don't succeed, try again
[Javascript] 함수와 이벤트 본문
* 함수 선언하고 호출하기
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 |