728x90
반응형
자바스크립트에서 함수에서 return 값을 사용하는 이유는 함수의 결과를 호출한 곳으로 반환하기 위함입니다.
이렇게 하면 함수는 특정 작업을 수행한 후, 그 결과를 다른 코드에서 활용할 수 있게 됩니다.
주요 이유
- 데이터 전달 및 활용
함수가 어떤 계산이나 처리를 한 결과를 다른 부분에서 사용할 수 있도록 합니다.
function add(a, b) {
return a + b;
}
let result = add(5, 3); // result는 8 - 코드 재사용성
같은 로직을 여러 번 작성할 필요 없이, 함수만 호출해 결과를 얻을 수 있습니다.
function square(x) {
return x * x;
}
let area = square(4); // area는 16
let perimeter = 4 * square(2); // perimeter는 16 - 조건에 따른 종료 및 값 반환
return은 함수 실행을 중단시키고, 즉시 값을 반환합니다. 특정 조건에서 조기 종료할 때 유용합니다.
function findEvenOrOdd(number) {
if (number % 2 === 0) {
return 'Even';
}
return 'Odd';
}
console.log(findEvenOrOdd(7)); // Odd - 부수효과 최소화
return을 사용해 값을 반환하면, 함수 내부에서 외부 상태를 직접 변경하지 않고 필요한 값만 반환하는 순수 함수를 만들 수 있습니다. 이는 코드의 예측 가능성을 높입니다.
function calculateDiscount(price) {
return price * 0.9; // 할인된 가격 반환
}
let discountedPrice = calculateDiscount(100); // 90
return이 없는 경우
function logMessage() {
console.log('Hello, World!');
}
let message = logMessage(); // message는 undefined
return이 없으면 함수는 undefined를 반환합니다.
값이 필요하지 않은 경우 return을 생략해도 되지만, 결과가 필요한 경우에는 반드시 return을 사용해야 합니다.
요약
- return은 함수의 결과값을 반환하고, 코드를 중단시킵니다.
- 함수의 결과를 활용하거나, 조건에 따라 다른 값을 반환해야 할 때 꼭 필요합니다.
- return이 없으면 함수는 undefined를 반환합니다.
728x90
반응형
'IT공부' 카테고리의 다른 글
[지식루프의 IT공부] 옵셔널 파라미터(Optional Parameter) (0) | 2024.12.23 |
---|---|
네이버 회원가입 안될 때 해결방법 (0) | 2024.12.22 |
[지식루프의 IT공부] 복합 할당 연산자 (1) | 2024.12.22 |
[지식루프의 IT공부] 자바스크립트에서 null과 undefined 차이점 (1) | 2024.12.21 |
[지식루프의 IT공부] Boolean('0') 이 true 인 이유 (0) | 2024.12.17 |