본문 바로가기
javascript pure/javascript 기본

6. 함수-3

by leo2114 2023. 3. 18.
반응형

#3 함수의 반환값과 유효 범위

함수는 return문을 사용하여 값을 반환할 수 있습니다. 반환된 값은 함수를 호출한 위치에서 사용될 수 있습니다.

함수 내부에서 선언한 변수는 함수 외부에서 접근할 수 없습니다. 이를 "유효 범위(Scope)"라고 합니다. 함수 내부에서 선언된 변수를 "지역 변수(Local Variable)"라고 하며, 함수 외부에서 선언된 변수를 "전역 변수(Global Variable)"라고 합니다.

아래는 반환값과 유효 범위에 대한 예제 코드입니다.

function calculateSum(a, b) {
  var sum = a + b;
  return sum;
}

var result = calculateSum(2, 3);
console.log(result); // 5

console.log(sum); // ReferenceError: sum is not defined

function printMessage() {
  var message = 'Hello, World!';
  console.log(message);
}

printMessage(); // Hello, World!

console.log(message); // ReferenceError: message is not defined

위 예제 코드에서 calculateSum 함수는 매개변수 a와 b를 받아 더한 뒤 sum 변수에 저장하고, 이를 반환합니다. 반환된 값은 함수를 호출한 위치에서 result 변수에 저장됩니다.

하지만 sum 변수는 함수 내부에서 선언된 지역 변수이므로 함수 외부에서는 접근할 수 없습니다. 따라서 console.log(sum)을 실행하면 ReferenceError가 발생합니다.

또한 printMessage 함수는 message 변수를 선언하고, 이를 출력합니다. 하지만 message 변수도 함수 내부에서 선언된 지역 변수이므로 함수 외부에서는 접근할 수 없습니다. 따라서 console.log(message)를 실행하면 ReferenceError가 발생합니다.

반응형

'javascript pure > javascript 기본' 카테고리의 다른 글

10. DOM과 이벤트 처리-1  (0) 2023.03.18
9. 객체와 배열-3  (0) 2023.03.18
8. 객체와 배열-2  (0) 2023.03.18
7. 객체와 배열-1  (0) 2023.03.18
5. 함수-2  (0) 2023.03.18
4. 함수-1  (0) 2023.03.18
3. 연산자와 조건문  (0) 2023.03.18
2. 변수와 데이터 타입  (0) 2023.03.18