자바스크립트 함수

 

자바스크립트 함수: 간단하게 설명하고 예제와 함께 알아보기

함수란 무엇일까요?

함수는 특정 작업을 수행하는 코드 블록을 묶어놓은 것입니다. 마치 레시피처럼, 함수에 필요한 재료(인수)를 넣으면 원하는 결과(반환값)를 얻을 수 있습니다. 함수를 사용하면 코드를 재사용하고, 복잡한 문제를 작은 단위로 나누어 해결하기 쉽습니다.

함수를 만드는 방법

JavaScript

function 함수이름(매개변수1, 매개변수2, ...) {
  // 함수 안에서 실행될 코드
  return 반환값;
}

코드를 사용할 때는 주의가 필요합니다.

 

• 함수이름: 함수를 호출할 때 사용하는 이름입니다.
• 매개변수: 함수에 전달되는 값을 받는 변수입니다. (선택 사항)
• 함수 안의 코드: 함수가 수행할 작업을 정의하는 부분입니다.
• return: 함수가 실행된 결과를 반환합니다. (선택 사항)

예시: 두 수를 더하는 함수

JavaScript

function add(num1, num2) {
  return num1 + num2;
}

코드를 사용할 때는 주의가 필요합니다.

 

• add라는 이름의 함수를 만들었습니다.
• num1과 num2라는 두 개의 매개변수를 받습니다.
• 함수 안에서는 두 매개변수를 더하고, 그 결과를 return으로 반환합니다.

함수를 사용하는 방법 (함수 호출)

JavaScript

let result = add(3, 5);
console.log(result); // 8

코드를 사용할 때는 주의가 필요합니다.

 

• add 함수를 호출하고, 3과 5를 인수로 전달합니다.
• 함수는 3과 5를 더한 결과인 8을 반환하고, 이 값을 result 변수에 저장합니다.
• console.log를 통해 결과를 확인합니다.

좀 더 복잡한 예시: 인사말 출력하기

JavaScript

function greet(name) {
  console.log("안녕하세요, " + name + "님!");
}

greet("홍길동"); // 안녕하세요, 홍길동님!

코드를 사용할 때는 주의가 필요합니다.

 

• greet 함수는 이름을 받아서 인사하는 기능을 합니다.
• 함수를 호출할 때 이름을 인수로 전달하면, 해당 이름을 포함한 인사말이 출력됩니다.

왜 함수를 사용해야 할까요?

• 코드 재사용: 한 번 작성한 함수를 여러 번 사용할 수 있습니다.
• 코드 가독성 향상: 복잡한 문제를 작은 단위로 나누어 해결할 수 있어 코드를 이해하기 쉽습니다.
• 유지보수 편의성: 함수를 수정하면 해당 함수를 사용하는 모든 부분에 변경 사항이 반영됩니다.
• 협업 효율성: 다른 개발자와 함께 작업할 때 함수를 사용하면 역할 분담이 명확해지고, 코드를 공유하기 쉽습니다.

더 알아보기

• 익명 함수: 이름이 없는 함수
• 화살표 함수: 간결한 함수 표현 방식
• 함수의 스코프: 함수 내부에서 선언된 변수의 유효 범위
• 재귀 함수: 자기 자신을 호출하는 함수

함수는 자바스크립트 프로그래밍에서 매우 중요한 개념입니다. 함수를 잘 이해하고 활용하면 더욱 효율적이고 가독성 높은 코드를 작성할 수 있습니다.