js在函数外部调用局部变量的方法

@Sunshine710

于 2021-12-01 16:01:14 发布

阅读量4k

点赞数 5

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_62693649/article/details/121657303

版权

本文探讨了JavaScript中变量的作用域问题，重点在于局部变量与全局变量的区别。当尝试在函数外部访问局部变量时，会遇到错误，因为它们仅在函数内部可见。然而，可以通过将局部变量赋值给`window`对象，或者在函数内部不使用`var`关键字来定义变量，使其变为全局变量。尽管如此，全局变量的使用可能引起维护困难。此外，还介绍了通过函数返回值来访问局部变量的方法，这是一种更推荐的实践，以保持代码的清晰和可维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果直接在函数外部调用局部变量。会发现报错。

<script>
        function num() {
           var a = 7;
        }
        num();
        console.log(a);
 </script>

（1）此时如果在函数内加入window.a=a；则可以在外部调用。

<script>
        function num() {
            var a = 7;
            window.a = a;
        }
        num();
        console.log(a);
    </script>

（2）当然，也可以直接在函数内部定义全局变量。

PS :*如果在函数内部定义变量时不加 var等声明，此时变量就是全局变量*

<script>
        function num() {
            a = 7;
        }
        num();
        console.log(a);
    </script>

但是并不建议这么做，因为局部作用域中定义的全局变量很难维护。

（3）通过在函数内部加入return返回值。

<script>
        function num() {
            var a = 7;
            return a;
        }
        console.log(num());
    </script>