JavaScript 作用域

2020年10月23日 0条评论 276次阅读 1人点赞

JavaScript 作用域

JavaScript 函数作用域

在 JavaScript 中有两种作用域类型：
– 局部作用域
– 全局作用域

局部 JavaScript 变量

<!DOCTYPE html>
<html>
    <body>
        <h1>JavaScript 局部作用域</h1>

        <p>myFunction() 之外的 carName 未定义。</p>

        <p id="demo1"></p>

        <p id="demo2"></p>

        <script>
            myFunction();

            function myFunction() {
                var carName = 'porsche';
                // 此处的代码能使用 carName 变量
                document.getElementById('demo1').innerHTML = typeof carName + ' ' + carName;
            }

            // 此处的代码不能使用 carName 变量
            document.getElementById('demo2').innerHTML = typeof carName;
        </script>
    </body>
</html>

全局 JavaScript 变量

<!DOCTYPE html>
<html>
    <body>
        <h1>JavaScript 全局作用域</h1>

        <p>可以从任何脚本或函数中访问全局变量。</p>

        <p id="demo"></p>

        <script>
            var carName = 'porsche';
            // 此处的代码能够使用 carName 变量
            myFunction();

            function myFunction() {
                document.getElementById('demo').innerHTML =
                    // 此处的代码能够使用 carName 变量
                    'I can display ' + carName;
            }
        </script>
    </body>
</html>