728x90
1. 함수란?
: 특정 동작(기능)을 수행하는 일부 코드의 집합(부분)이다.
2. JavaScript의 함수 작성법
1) 함수 선언문
- 함수 선언문은 선언을 하면 마치 구조상 맨 꼭대기에서 선언한 것과 동일하게 동작하므로, 어디서든 호출 가능하다.
-*호이스팅: 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미
function 함수명(인자) {실행동작;}
2) 함수 표현식
- 함수 표현식은 함수 작성 이후에만 호출이 가능하다.
let 함수 명 = function(인자){ 실행동작;}3) 화살표 함수
- 함수 표현식과 동일하며, 축약된 형태이다.
let 함수명 = (인자) => {실행동작;}3. onclick이란?
: 각각의 HTML요소에 속성 값으로 Js 함수를 연결하는 것이다.
- HTML
<body>
<div class="box" onclick="test();">click</div>
</body>- JS
function test() { alert("TEST"); }
JavaScript 함수의 3가지 유형에 대해 알아보았다.
가장 많이 사용할 것 같은 것은 단순한 화살표 함수일 것 같다.
또 함수 선언문의 경우 함수 표현식과 달리 호이스팅이 된다는 것을 알 수 있었다.
728x90
'프론트앤드 > JavaScript' 카테고리의 다른 글
| [포스코x코딩온] 웹개발자 입문 과정 3주차 회고-01 | JavaScript DOM (0) | 2023.03.14 |
|---|---|
| [포스코x코딩온] 웹개발자 입문 과정 2주차 회고-09 | JavaScript 메소드 (0) | 2023.03.11 |
| [포스코x코딩온] 웹개발자 입문 과정 2주차 회고-08 | JavaScript 반복문 (0) | 2023.03.10 |
| [포스코x코딩온] 웹개발자 입문 과정 2주차 회고-07 | JavaScript 조건문 (0) | 2023.03.10 |
| [포스코x코딩온] 웹개발자 입문 과정 2주차 회고-05 | JavaScript 기초 (0) | 2023.03.09 |