• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript Function Scope</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>함수의 유효 범위</h1>
12
​
13
    <script>
14
        // x, y를 전역 변수로 선언함.
15
        var x = 10, y = 20;
16
​
17
        // sub()를 전역 함수로 선언함.
18
        function sub() {
19
            return x - y;       // 전역 변수인 x, y에 접근함.
20
        }
21
        document.write("전역 함수에서 x - y의 값은 " + sub() + "입니다.<br>");
22
​
23
        // parentFunc()을 전역 함수로 선언함.
24
        function parentFunc() {
25
            var x = 1, y = 2;   // 전역 변수와 같은 이름으로 선언하여 전역 변수의 범위를 제한함.
26
​
27
            function add() {    // add() 함수는 내부 함수로 선언됨.
28
                return x + y;   // 전역 변수가 아닌 지역 변수 x, y에 접근함.
29
            }
30
            return add();
31
        }
32
        document.write("내부 함수에서 x + y의 값은 " + parentFunc() + "입니다.<br>");
33
    </script>
34
35
</body>
36
​
37
</html>