小5聊jQuery基础开发之挖坑自己跳，变量未设置var，局部变量变成了全局变量

Posted 2021-10-11 小5聊

按原理来说，$(function(){  A })，$(function(){  B })，内容A和B之间的变量应该不会相互影响

1、错误写法

• 效果

 按逻辑应该是弹出1才对

•  代码

<script type="text/javascript">
    $(function () {

        gData = {
            data: null,
            xgwTest: function () {

                alert("1");
            }
        }

        setTimeout(function () {

            gData.xgwTest();
        }, 2 * 1000);
    });
</script>

<script type="text/javascript">

    $(function () {

        gData = {
            data: null,
            xgwTest: function () {

                alert("2");
            }
        }
    });
</script>

2、正确写法

• 效果

 

• 代码

<script type="text/javascript">
    $(function () {

        var gData = {
            data: null,
            xgwTest: function () {

                alert("1");
            }
        }

        setTimeout(function () {

            gData.xgwTest();
        }, 2 * 1000);
    });
</script>

<script type="text/javascript">

    $(function () {

        var gData = {
            data: null,
            xgwTest: function () {

                alert("2");
            }
        }
    });
</script>

3、总结

这说明，不管你定义的变量是在类似闭包函数也好，只要变量前没有加关键词，就默认是全局变量，导致前面定义的功能会被后面相同功能覆盖。

有时候往往被自己不细心不理解到位坑哭了