5-1. 함수의 기본 형태
- 함수 호출 : 함수를 사용하는 것
- 배개 변수 : 괄호 내부에 자료를 넣는 것
- 리턴값 : 함수 호출해서 최종적으로 나오는 결과
1. 익명 함수
- 함수 : 코드의 집합을 나타내는 자료형
function() {}- 익명 함수 : 이름이 붙어있지 않은 함수
2. 선언적 함수
function 함수() {}let 함수 = function() {}; // 이 코드와 같은 기능 수행3. 매개변수와 리턴값
- 매개변수 : 함수 호출할 때 괄호 안에 적는 것
- prmopt() 함수 사용 시 매개변수로 message 넣으면 최종 결과 문자열로 나옴
- 리턴값 : 함수의 최종 결과
function 함수(매개변수, 매개변수, 매개변수) {
문장
문장
return 리턴값
}- 숫자를 계산해 출력할 때 기본 형태
function 함수(매개변수) {
let output = 초깃값
처리한다
return output
}- 가변 매개변수 함수 : 호출 시 매개변수 개수가 고정적이지 않은 함수
- 나머지 매개변수
function 함수 이름(...나머지 매개변수) {}4. 기본 매개변수
- 기본 매개변수 : 매개변수에 기본값 지정하는 형태
함수 이름(매개변수, 매개변수=기본값, 매개변수=기본값)/
/
5-2. 함수 고급
1. 콜백 함수
- 콜백 함수 : 매개변수로 전달하는 함수
- 콜백 함수를 활용하는 함수 : forEach()
function (value, index, array) {}- 콜백 함수를 활용하는 함수 : map()
콜백 함수에서 리턴한 값들을 기반으로 새로운 배열 만듦 - 콜백 함수를 활용하는 함수 : filter()
콜백 함수에서 리턴하는 값이 true인 것만 모아 새로운 배열 만듦
2. 화살표 함수
- 단순한 형태의 콜백 함수 쉽게 입력하고자 하는 목적
- function 키워드 대신, =>(화살표) 사용
(매개변수) => {}
(매개변수) => 리턴값- 메소드 체이닝 : 어떤 메소드가 리턴하는 값을 기반으로 함수를 연달아 사용하는 것
3. 타이머 함수
- setTimeout(함수, 시간) : 특정 시간 후에 함수 한 번 호출
- setInterval(함수, 시간) : 특정 시간마다 함수 호출
- clearTimeout(타이머_ID) : setTimeout()의 타이머 제거
- clearInterval(타이머_ID) : setInterval()의 타이머 제거
- 타이머_ID = set 함수 호출 시 리턴값으로 나오는 숫자
/
- 타이머_ID = set 함수 호출 시 리턴값으로 나오는 숫자
기본 과제
[문제]
p. 202 <윤년을 확인하는 함수 만들기> 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기
[코드]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function isLeapYear(year) {
return (year%4==0) && (year%100!=0) || (year%400===0)
}
console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`)
</script>
</body>
</html>[결과]
소프트웨어학부 3학년 / 프론트엔드 웹 개발 공부 중입니다 / iot, 임베디드 분야에도 관심 있습니다