함수란?
함수는 숫자를 담는 상자라는 뜻으로, 데이터를 넣으면 함수에 들어있는 코드를 통해 원하는 결괏값을 반환한다.
예를 들어, 사과, 오렌지, 파인애플이 데이터라고 생각해 보자.
과일들을 넣으면 함수라는 공장에서 여러 가지 첨가물이나 공정 과정을 거치고, 결과적으로 주스라는 결과 값을 반환한다.
함수는 위의 예시에선 공정 과정, 즉 기능을 뜻한다.
함수의 장점은 함수는 한번 만들면 여러 번 재 사용이 가능하다는 것이다.
같은 코드를 사용할 때마다 다시 작성하지 않고 작성해 놓은 함수를 호출만 해주면 같은 기능을 사용할 수 있다.
함수는 크게 '일반 함수 정의문'과 '익명 함수'로 나누어진다
1. 일반 함수
1-1. 정의문
함수를 사용해서 코드를 저장한 것을 함수 정의문이라고 한다.
변수를 선언할 때 var 이라는 키워드를 사용한 것처럼 함수는 function이라는 키워드를 사용하여 함수를 정의한다.
//기본형
function 함수명(){자바스크립트 코드;}
1-2. 호출
'함수를 호출한다'는 것은 만들어둔 함수를 실행시키겠다는 의미이다.
함수는 선언되는 순간 바로 실행되는 것이 아닌 함수명을 이용해 호출을 해줘야만 실행이 가능하다.
함수를 호출할 때에는 아래 기본형을 사용한다.
// 기본형
함수명();
2. 익명 함수
2-1. 정의문
익명 함수는 이름이 없는 함수를 뜻한다. 즉, 익명 함수를 선언할 때에는 이름을 붙이지 않는다.
대신 익명함수는 변수를 만들어서 그 안에 함수를 할당한다.
// 기본형
var 변수 = function(){자바스크립트 코드;}
2-2. 호출
익명함수는 이름없는 함수로, 보통 변수에 넣어 사용한다.
그렇기 때문에 익명함수를 호출할 때는 변수명을 이용해 호출한다.
// 기본형
변수명();
'자바스크립트(JavaScript) > 자바스크립트' 카테고리의 다른 글
[JavaScript] HTML 태그 불러오는 방법 (0) | 2024.07.26 |
---|---|
[JavaScript] 변수의 특징/주의점 (var, let, const), 변수의 범위와 호이스팅 (2) | 2024.07.26 |
[JavaScript] 일정한 시간 간격으로 코드 실행하고 중지시키기 / setInterval(), setTimeout() (0) | 2024.07.24 |
[JavaScript] 브라우저 객체 모델(Browser Object Model) (0) | 2024.07.23 |
[JavaScript] 내장 객체(Built-in Object)의 종류 (0) | 2024.07.15 |