함수 (Function): 코드의 재사용
함수 (Function): 코드의 재사용
함수는 반복해서 사용할 긴 코드를 하나의 상자에 포장해두는 단위입니다. 필요할 때마다 상자의 이름을 불러서(호출) 코드를 실행시키고, 결과를 돌려받을 수 있습니다.
함수의 "자판기" 원리
함수는 재료(입력)를 넣으면 기계 안에서 가공을 거쳐 결과물(출력)을 반환해 주는 마법의 자판기와 같습니다.
🪙
입력값 (Parameter)
함수에 전달해주는
재료 (동전)
함수 내부 로직
(가공 기계)
☕
반환값 (Return)
가공이 끝난
결과물 (커피)
script.js
// 1. 함수 선언문 (가장 기본적인 형태)
// function 키워드로 'greet'라는 이름의 함수를 만듭니다.
// 괄호 안의 name은 함수에 전달받을 '재료(Parameter)'입니다.
function greet(name) {
// return 키워드는 결과물을 '반환'해주고 함수를 종료시킵니다.
return `안녕하세요, ${name}님!`;
}
// 함수 사용하기 (호출)
// "철수"라는 재료(Argument)를 넣어서 실행합니다.
let result = greet("철수");
console.log(result);
// 2. 함수 표현식 (변수에 함수를 담는 형태)
// 이름이 없는 함수를 만들어 'add'라는 변수(상자)에 집어넣습니다.
const add = function(a, b) {
return a + b;
};
// add 변수를 함수처럼 호출합니다.
console.log("5 + 3의 결과는?", add(5, 3));
// (참고) 만약 return을 생략하면 함수는 undefined를 반환합니다.
function noReturn() {
console.log("이 함수는 return이 없습니다.");
}
console.log("반환값:", noReturn()); // undefined🔒 localhost:8000/preview