如何在函数内部创建全局变量？类比C++/C#类中公共变量实现

你提到在C++、C#里可以在类内定义公共变量，现在想在JavaScript函数内部创建能在全局作用域访问的变量——首先得指出你示例代码的问题：函数里的let num = 5是局部变量，作用域仅限于idk函数内部，所以全局的console.log(num)会直接报错。下面给你几种可行的方案，以及需要注意的细节：

方案1：直接赋值给全局对象 #

在浏览器环境中，全局对象是window；Node.js环境是global；跨环境通用的话可以用globalThis。直接在函数里给全局对象的属性赋值，就能创建全局变量：

let idk = function(){
  // 跨环境推荐用globalThis，浏览器也支持
  globalThis.num = 5;
};

// 必须先调用函数，变量才会被定义并赋值
idk();
console.log(num); // 输出5

方案2：先在全局作用域声明变量，再在函数内赋值 #

先在函数外部的全局作用域声明变量，然后在函数内部给它赋值，这样变量就会保留全局作用域：

// 全局作用域声明变量
let num;

let idk = function(){
  // 这里不要加let/const，否则会变成函数内部的局部变量
  num = 5;
};

idk();
console.log(num); // 输出5

不推荐的方案：隐式创建全局变量 #

如果在函数内部直接赋值一个未声明的变量，JavaScript会隐式地将它挂载到全局对象上，但这种写法非常不推荐——在严格模式('use strict')下会直接报错，而且容易导致命名冲突和难以调试的问题：

// 不推荐！严格模式下会抛出ReferenceError
let idk = function(){
  num = 5;
};

idk();
console.log(num);

更好的替代方案：避免全局变量 #

全局变量容易造成命名污染和代码耦合，如果你只是需要在多个函数间共享数据，更推荐用闭包封装的方式，既能实现数据共享，又不会污染全局作用域：

// 用闭包创建私有变量，对外暴露访问方法
const numManager = (function(){
  // 这个num是私有变量，外部无法直接访问
  let num = 5;
  
  return {
    getNum: () => num,
    setNum: (newValue) => {
      num = newValue;
    }
  };
})();

// 通过方法访问变量，避免全局污染
console.log(numManager.getNum()); // 输出5
numManager.setNum(10);
console.log(numManager.getNum()); // 输出10

内容的提问来源于stack exchange，提问作者kanaria