4주차 내용
- Chapter 05 : 함수
- 함수의 기본 형태
- 함수 고급
Chapter 05 : 함수
1. 함수의 기본 형태
개념
익명 함수 : 이름이 없는 함수 ex) function () {}
선언적 함수 : 이름이 있는 함수 ex) function 함수 이름 () {}
매개변수 : 함수의 괄호 안에 넣는 변수, 함수의 외부 정보를 입력받을 수 있음
리턴값 : 함수의 최종적인 결과, 함수 내부에 return 키워드를 입력하고 뒤에 값을 넣어 생성함
가변 매개변수 함수 : 매개변수의 개수가 고정되어 있지 않은 함수, 나머지 매개 변수를 활용해서 만듬
전개 연산자 : 배열을 함수의 매개변수로써 전개하고 싶을 때 사용
기본 매개변수 : 매개변수에 기본값이 들어가게 하고 싶을 때 사용하는 매개변수
2. 함수 고급
개념
콜백 함수 : 매개변수로 전달하는 함수
화살표 함수 : 익명 함수를 간단하게 사용하기 위한 목적으로 만들어진 함수 생성 문법, ex) () => {}
즉시 호출 함수 : 변수의 이름 충돌을 막기 위해 코드를 안전하게 사용하는 방법
엄격 모드 : 자바스크립트의 문법 오류를 더 발생시켜 실수를 줄일 수 있는 방법
4주차 미션
- 기본 미션
<!DOCTYPE html>
<html lang="en">
<head>
<title>혼공JS 4주차</title>
<script>
function isLeapYear(year) {
return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 === 0)
}
console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`);
</script>
</head>
<body>
</body>
</html>- 선택 미션
<script>
let numbers = [273, 25, 75, 52, 103, 32, 57, 24, 76]
// 1. 홀수만 추출
numbers = numbers.filter(function (value) {
return value % 2 === 1; // => [273, 25, 75, 103, 57]
});
// 2. 100 이하의 수만 추출
numbers = numbers.filter(function (value) {
return value <= 100; => [25, 75, 57]
});
// 3. 5로 나눈 나머지가 0인 수
numbers.filter(function (value) {
return value % 5 === 0; => [25, 75]
});
console.log(numbers) => [25, 75]
</script>'혼공학습단 > JavaScript' 카테고리의 다른 글
| 혼공JS 3주차 (0) | 2023.07.30 |
|---|---|
| 혼공JS 2주차 (0) | 2023.07.30 |
| 혼공JS 1주차 (0) | 2023.07.09 |