[JavaScript] 함수의 입력과 출력

겨레·2025년 5월 25일
post-thumbnail

📍함수의 입력(Input) : 매개변수 (Parameter)

  • 함수에 어떤 값을 전달하고 싶을 때 사용하는 것 ➡️ 매개변수(parameter)
  • 함수를 호출할 때 전달하는 값은 인수/인자(argument)라고 함.

📍인자란?
인자(argument)는 함수로 유입되는 입력 값으로 어떤 값을 인자로 전달하느냐에 따라서 함수가 반환하는 값이나 메소드의 동작방법을 다르게 할 수 있음.

function sayHello(name) {
  console.log(`안녕하세요, ${name}님!`);
}

sayHello("햄토리"); // 👉 "안녕하세요, 햄토리님!"
  • name → 입력값 (매개변수)
  • "햄토리" → 인수 (실제 전달된 값)

👉 (+) 단일 인자 / 복수 인자

  • 단일 인자
    arg라는 하나의 인자를 받아서 그대로 반환.
unction get_argument(arg){
    return arg;
}
 
alert(get_argument(1));
alert(get_argument(2));


  • 복수 인자
    arg1, arg2 두 개의 인자를 받아 더한 후 반환.
function get_arguments(arg1, arg2){
    return arg1 + arg2
}
 
alert(get_arguments(10, 20));
alert(get_arguments(20, 30));


📍함수의 출력(Output): return

  • return 키워드 ➡️ 함수의 실행 결과를 함수 밖으로 돌려주는 것.
  • return을 만나면 함수는 거기서 즉시 종료되고, 값을 결과로 반환함.
function add(x, y) {
  return x + y; // 출력
}

let result = add(3, 4);
console.log(result); // 👉 7
  • x, y → 입력
  • return x + y → 출력 (7을 반환)

✅ 입력과 출력이 모두 있는 함수 예제


✅ 출력이 없는 함수 (void 함수처럼)


✅ 개념 정리

개념설명
입력함수에 전달하는 값 (매개변수 / 인수)
출력함수가 실행 결과로 반환하는 값 (return)
매개변수함수 정의 시 사용하는 변수 이름
인수함수 호출 시 실제 전달하는 값
  • Parameter(파라미터) → 함수 선언 시 정의하는 변수 (arg, arg1, arg2)
  • Argument(아규먼트)→ 함수 호출 시 전달하는 실제 값 (1, 10, 20)
  • return → 값을 반환할 때 사용되며, 이 값은 alert() 함수로 사용자에게 출력됨.

개념설명
함수 호출만든 함수를 사용하는 것: 함수이름(값)
콜백 함수함수에 전달된 다른 함수, 나중에 실행됨
재귀 함수자기 자신을 다시 호출하는 함수
profile
호떡 신문지에서 개발자로 환생

0개의 댓글