更新的全局变量未传递给变量内的函数

基础概念

全局变量是在整个程序范围内都可以访问的变量。当在一个函数内部使用全局变量时，如果没有明确声明，那么该函数会默认使用其外部定义的全局变量。但如果在函数内部对全局变量进行了重新赋值，那么这个赋值操作只会影响函数内部的局部变量，而不会改变全局变量的值。

原因

函数内部如果使用了 var、let 或 const 关键字重新声明了同名的变量，那么这个变量就会变成局部变量，而不是引用全局变量。因此，即使全局变量被更新，函数内部的局部变量也不会受到影响。

解决方法

避免在函数内部重新声明同名变量：确保在函数内部不要使用 var、let 或 const 重新声明全局变量。

let globalVar = 'initial value';

function testFunction() {
    // 不要这样做：let globalVar = 'local value';
    console.log(globalVar); // 这里会输出 'initial value' 或之后更新的全局变量值
}

globalVar = 'updated value';
testFunction(); // 输出 'updated value'

使用 this 关键字（在对象方法中）：如果你在对象的方法中使用全局变量，并且希望方法能够访问到最新的全局变量值，可以使用 this 关键字。

let globalVar = 'initial value';

const obj = {
    method: function() {
        console.log(this.globalVar);
    }
};

obj.method(); // 输出 'initial value'

globalVar = 'updated value';
obj.method = obj.method.bind({ globalVar: globalVar });
obj.method(); // 输出 'updated value'

使用闭包：如果你需要在函数内部保持对全局变量的引用，可以使用闭包。

let globalVar = 'initial value';

function createFunction() {
    return function() {
        console.log(globalVar);
    };
}

const myFunction = createFunction();
myFunction(); // 输出 'initial value'

globalVar = 'updated value';
myFunction(); // 输出 'updated value'