如何让JavaScript函数内的变量成为全局变量？多种方法尝试无效

1. 先排查最明显的错误：函数名不匹配 #

你HTML里的点击事件写的是onclick="namefunction('name')"，但实际定义的函数是show(name)——两个名字完全不一样，导致点击时根本没执行赋值的函数，bobi自然不会有值。先把HTML里的调用改成：

onclick="show('name')"

2. 正确设置全局变量的几种方法 #

确认函数能执行后，以下几种方法都能让你在函数外部访问bobi：

方法一：提前在全局声明变量

在函数外面用var/let声明bobi，函数内部直接赋值：

var bobi; // 全局作用域声明变量
function show(name){
   bobi = name; // 给全局变量赋值
}

之后在函数外部直接用bobi就能拿到值，浏览器环境下也可以用window.bobi访问。

方法二：直接挂载到window对象

浏览器里的全局对象是window，函数内部直接给window.bobi赋值：

function show(name){
   window.bobi = name; // 明确把变量挂到全局对象上
}

外部访问时用window.bobi或者直接bobi都可以。

方法三：用let声明全局变量（避免变量提升问题）

如果不想用var，可以用let在全局声明：

let bobi;
function show(name){
   bobi = name;
}

关键注意点 #

• 别在函数内部用let bobi或const bobi，这样会把bobi变成函数的局部变量，外部完全访问不到。
• 验证函数是否执行：可以在函数里加一行console.log('函数执行了，name值是：', name)，按F12打开浏览器控制台，点击元素看有没有输出，确认函数确实被触发了。

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