js全局变量在其他方法中赋值后无法影响到该方法外的全局变量的值（奇葩问题）

最新推荐文章于 2024-04-21 21:26:55 发布

DaZhi_boy

最新推荐文章于 2024-04-21 21:26:55 发布

阅读量6.3k

点赞数

分类专栏：工作笔记之文章标签： javascript 全局变量函数

本文链接：https://blog.csdn.net/DaZhi_boy/article/details/75516187

版权

工作笔记之专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文记录了一个关于JavaScript全局变量的奇葩问题，即在函数内部赋值后无法影响到外部全局变量的值。问题表现为：同一全局变量在不同时间点的输出结果不一致。解决方案是通过函数的返回值来赋值，以确保全局变量的正确更新。

摘要由CSDN通过智能技术生成

做个笔记，以防忘记
遇到一个奇葩问题（书写规范不会遇到此问题
）
问题描述：

$(document).ready(function(){  
    var strCookie=document.cookie;
    username="1";
    if (strCookie) {
        cookieVariables = strCookie.split(";");
        for (i = 0; i < cookieVariables.length; i++) {
        cookieName = cookieVariables[i].split("=");
        if (cookieName[0] === "username"){
            username=cookieName[1];
            alert(cookieName[1]);
        }   
    }
}
alert(username);
});

这样两次输出的username值不同第一个弹出的是Superman，第二个弹出“1”
解决办法：
将要赋的值通过一个function()方法的返回值获得

$(document).ready(function(){  
    var strCookie=document.cookie;
    username=getname(username);
    function getname(username){
        if (strCookie) {
            cookieVariables = strCookie.split(";");
            for (i = 0; i < cookieVariables.length; i++) {
                cookieName = cookieVariables[i].split("=");
                if (cookieName[0] === username){
                   return cookieName[1];
                   alert("cookieName[1]");
                }       
            }
        }else{
            return "1";
        }
    }
alert(username);
});