TIL - 20250604

juni·2025년 6월 4일

TIL

목록 보기
27/317

📘 자바스크립트 학습 정리 (0604)

✅ 함수 기초

  • 함수 정의: 특정 코드를 반복해서 실행하고 싶을 때 함수로 정의
  • 함수 호출: 정의된 함수를 실행시키는 행위
  • 매개변수 (parameter): 함수 내부에서 사용할 외부 입력 값
  • 인수 (argument): 함수를 호출할 때 전달하는 실제 값
function sayHello(name) {
  console.log(`${name}님 환영합니다`);
}
sayHello("홍길동");

✅ return의 의미

  • 함수 내부의 계산 결과를 함수 외부로 반환할 때 사용
  • return을 만나면 함수 실행이 종료됨
  • return이 없는 함수는 undefined를 반환함
function add(a, b) {
  return a + b;
}

✅ 함수 중첩 호출

  • 함수의 반환값을 다른 함수의 인수로 전달 가능
  • 단, 반환값이 있어야만 중첩 호출 가능

✅ 사용자 정의 배열 메서드 구현

  • myIndexOf(arr, value): 특정 값의 인덱스를 찾아 반환
  • myIncludes(arr, value): 특정 값이 존재하는지 true/false 반환

✅ 조기 종료 (return)

  • return을 만나면 함수 종료
  • 조건에 따라 함수 실행을 조기 중단할 수 있음

✅ 복수 값 반환

  • 여러 개의 값을 반환하고 싶을 땐 배열 또는 객체로 묶어서 반환
  • 예시: 사칙연산 결과를 객체로 반환
function operate(a, b) {
  return {
    add: a + b,
    sub: a - b,
    mul: a * b,
    div: a / b
  };
}

✅ 가변 인자 함수

  • ...rest 문법을 이용하여 인자의 수 제한 없이 받기 가능
function addAll(...numbers) {
  let sum = 0;
  for (const num of numbers) sum += num;
  return sum;
}

✅ 실전 함수 문제

  1. repeatString(str, n) : 문자열을 n번 반복하여 리턴
  2. calculateAverageScore(...scores) : 최고점과 최저점을 제외한 평균 구하기
  3. greet(name, greetWord?) : 인사말이 없으면 기본값으로 인사
  4. celsiusToFahrenheit(celsius) : 섭씨 → 화씨 변환
  5. countChar(word, char) : 문자열에서 특정 문자 개수 세기
  6. calcBMI(height, weight) : BMI 계산 및 결과 출력
  7. calcDivisor(n) : n의 약수 목록 출력 및 약수 개수 반환

총정리

  • 함수를 정의하고 호출하는 기본 개념을 익혔고,
  • return 문법을 통해 결과를 외부로 반환하는 패턴을 배움
  • 객체 반환, 가변 인자, 반복, 조건 등 다양한 실전 함수 작성 실습

0개의 댓글