이 글은 작성자의 개인 공부를 위해 작성한 글입니다.
실제 이론, 실습과 다른 부분이 있을 수 있습니다.
자바스크립트에서 함수는 코드를 재사용하고 모듈화하기 위한 핵심적인 요소이다.
함수는 특정 작업을 수행하는 코드 블록을 정의하고, 필요할 때 호출하여 실행할 수 있다.
1. 함수 정의
function functionName(parameter1, parameter2, /* ... */) {
// 함수가 수행할 작업
// return 문을 통해 값을 반환할 수 있음
}
- functionName : 함수의 이름을 지정한다.
- parameter1, parameter2 : 함수가 받을 매개변수를 정의한다. 함수 내에서 이러한 매개변수는 변수처럼 사용된다.
2. 함수 호출
정의한 함수를 사용하려면 해당 함수를 호출해야 한다.
함수를 호출할 때 사용하는 값은 **인자(argument)**라고 부른다.
// 함수 호출
functionName(argument1, argument2, /* ... */);
- functionName : 호출할 함수의 이름
- argument1, argument2 : 함수에 전달될 실제 값. 이 값은 함수 내에서 매개변수로 활용된다.
예제)
// 함수 정의
function greet(name) {
return "Hello, " + name + "!";
}
// 함수 호출
let greetingMessage = greet("John");
console.log(greetingMessage); // 출력: Hello, John!
이 예제에서 greet 함수는 하나의 매개변수 name을 받아서 해당 이름과 함께 인사말을 생성하고 반환한다.
함수가 호출될 때 실제 값인 "John"이 매개변수 name에 전달되어 함수가 실행되고,
결과로 반환된 문자열이 greetingMessage 변수에 저장되어 출력된다.
'JavaScript' 카테고리의 다른 글
JavaScript 라이브러리와 프레임워크 정리 (0) | 2024.01.19 |
---|---|
JavaScript 객체 정리 (0) | 2024.01.18 |
JavaScript 배열, 반복문 정리 (0) | 2024.01.18 |
JavaScript 조건문, 비교 연산자 정리 (this, target 포함) (0) | 2024.01.14 |
JavaScript 데이터 타입(문자열과 숫자), 변수와 대입 연산자 정리 (0) | 2024.01.11 |