js全局变量在函数里改变值

当你在函数内声明一个未使用 `var`、`let` 或 `const` 关键字声明的变量时，它将成为全局变量。这意味着如果你在函数内更改该变量的值，它将影响到全局作用域中的变量。

例如：

var globalVar = "Hello";

function changeGlobalVar() {
  globalVar = "World";
}

console.log(globalVar); // 输出: "Hello"

changeGlobalVar();

console.log(globalVar); // 输出: "World"

在这个例子中，我们在全局作用域中声明了一个 `globalVar` 变量并将其赋值为 "Hello"。然后我们定义了一个函数 `changeGlobalVar`，它将 `globalVar` 的值更改为 "World"。当我们调用 `changeGlobalVar` 函数时，它会更改全局作用域中的 `globalVar` 变量，因此第二个 `console.log` 语句输出的是 "World"。

相关问题

再给一个全局变量赋值之后在后续函数调用这个全局变量的时候这个全局变量为空

在某些编程语言中，如果在某个函数之外声明并初始化了全局变量，然后在后续的函数调用中发现它为空，这可能是由于以下几个原因：

1. **未正确初始化**：你在声明全局变量时不经意地忘记赋予初始值，导致其默认值（如某些语言中的`null`、`undefined`或0等）。

2. **函数内部覆盖**：如果你在局部作用域内创建了一个同名变量，并在后续函数调用中使用了那个局部变量而不是全局变量，全局变量自然就会被遗忘。

3. **数据传递错误**：如果在函数之间通过参数传递，但你误将局部变量作为全局变量传入，那么接收端的变量就是空的。

4. **并发问题**：在多线程环境下，如果对全局变量的修改发生在其他线程中，当前线程可能会访问到未更新的数据，也可能看起来像是为空。

5. **引用问题**：对于动态语言，比如JavaScript，如果全局变量引用的对象被改变或释放，全局变量本身可能不会变为空，但指向的内容会丢失。

要解决这个问题，需要检查你的代码，确保在每次需要用到全局变量的地方都正确地获取并处理它的值。如果是共享数据，记得在整个程序中保持一致性。同时，明确理解各个作用域下变量的作用范围也很重要。

vue 监听页面刷新 并改变全局变量的值

在Vue中，可以使用`beforeDestroy`钩子函数来监听页面刷新，并在页面刷新时改变全局变量的值。

首先，在Vue实例中定义全局变量，并将其添加到Vue的原型上：

// 将全局变量添加到Vue的原型上
Vue.prototype.globalVariable = 'initial value';

然后，在Vue组件中使用`beforeDestroy`钩子函数来监听页面刷新：

beforeDestroy() {
  window.addEventListener('beforeunload', this.handlePageRefresh);
},

methods: {
  handlePageRefresh() {
    // 在页面刷新时执行的逻辑
    // 改变全局变量的值
    this.globalVariable = 'new value';
  }
}

在`beforeDestroy`钩子函数中，我们使用`window.addEventListener`来监听`beforeunload`事件，该事件在页面即将刷新时触发。然后，我们调用`handlePageRefresh`方法，在该方法中执行页面刷新时需要处理的逻辑，例如改变全局变量的值。

当页面刷新时，`beforeDestroy`钩子函数会被触发，从而执行`handlePageRefresh`方法，实现改变全局变量的值。

请注意，在页面刷新时，浏览器会弹出确认对话框以提示用户是否离开当前页面。用户可以选择留在当前页面或离开。如果用户选择留在当前页面，则不会触发`beforeunload`事件。