[JS] JavaScript 함수 기초

2025. 1. 30. 20:38·기초 학습/JavaScript

함수의 정의

함수는 다음과 같은 구조로 정의된다.

function functionName(parameter1, parameter2, ...) {
  // 함수 본문
  return result; // 선택적
}
  • function 키워드로 시작한다.
  • functionName 자리에는 함수의 이름이 들어간다.
  • 괄호 () 안에는 매개변수(파라미터)를 정의할 수 있다.
  • 중괄호 {} 안에 함수의 본문 코드를 작성한다.
  • return 문은 필수는 아니고, 함수의 결과값을 반환한다.

함수 호출

정의된 함수는 아래처럼 호출할 수 있다.

functionName(argument1, argument2, ...);
  • 함수 이름 뒤에 괄호를 붙여 호출한다.
  • 괄호 안에 인수(어규먼트)를 전달할 수 있다.

매개변수와 인수

  • 매개변수(Parameters): 함수 정의 시 괄호 안에 선언되는 변수이다.
  • 인수(Arguments): 함수 호출 시 전달되는 실제 값이다.
function greet(name) { // name은 매개변수
  console.log(`Hello, ${name}!`);
}

greet("Alice"); // "Alice"는 인수

반환값

return 문을 사용하여 함수의 결과를 반환할 수 있다.

function add(a, b) {
  return a + b;
}

let result = add(3, 5); // result는 8
  • return 문 이후의 코드는 실행되지 않는다!
  • return 문이 없으면 함수는 undefined를 반환한다.

'기초 학습 > JavaScript' 카테고리의 다른 글

[JS] JavaScript의 최신 기능 (스프레드 연산자, Rest 매개변수)  (0) 2025.02.05
[JS] Javascript의 배열 변형 메서드 (forEach, map, filter, reduce)  (0) 2025.01.31
[JS] 객체 리터럴  (0) 2025.01.23
[JS] 자바스크립트의 배열  (1) 2025.01.22
[JS] 비교 연산자 ( ==와 ===의 차이)  (0) 2025.01.21
'기초 학습/JavaScript' 카테고리의 다른 글
  • [JS] JavaScript의 최신 기능 (스프레드 연산자, Rest 매개변수)
  • [JS] Javascript의 배열 변형 메서드 (forEach, map, filter, reduce)
  • [JS] 객체 리터럴
  • [JS] 자바스크립트의 배열
뜐🐸
뜐🐸
패왕색 패기를 갖춘 뜐입니다~
  • 뜐🐸
    뜐의 개발 로그
    뜐🐸
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기초 학습
        • HTML
        • CSS
        • JavaScript
        • Version Co..
        • 미니 프로젝트
        • DOM & 웹 AP..
      • CSS 프레임워크
        • Bootstrap
      • React
        • 개념 정리
        • 기초 정리
      • 알고리즘
        • Week 1: 입출..
        • 재귀
        • 백트래킹
      • javascript
      • FastAPI
        • 크롤링 서버 만들기
      • 전역 상태 관리
        • Redux
      • 한 입 리액트 챌린..
      • 영어
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 글쓰기
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    :nth-child(n)
    :hover
    :focus
    오블완
    백준 #코딩테스트 #1074번 #재귀 #알고리즘 # 알고리즘 문제풀이
    :active
    가상 선택자
    티스토리챌린지
    자바스크립트 #하노이 탑 #재귀 #백준 # 11729
    inline-block
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
뜐🐸
[JS] JavaScript 함수 기초
상단으로

티스토리툴바