如何使函数内定义的变量 newUser 成为全局变量？

Question

我使用 chrome.extension.getBackgroundPage() 将变量 newUser 从 options.html 发送到 background.html this

document.getElementById("save").addEventListener(
    "click", function ()
    {
        var newUser = document.getElementById("getEmail").value;
        var bkg = chrome.extension.getBackgroundPage();
        bkg.saveNewUser(newUser);
        console.log("newUser " + newUser);
    } , false)

在 background.html 我有

function saveNewUser (newUser)
{
    newUser = newUser; //this should be global?
    console.log("newUser from options page " + newUser);
}

console.log("newUser from options page " + newUser);

，但 newUser 是该函数的本地函数。我的理解是，如果变量保存在没有关键字 var 的函数内，它应该是全局的。但在本例中却并非如此。函数外部的 console.log 抛出 Uncaught ReferenceError: newUser is not Defined 错误。

我做错了什么以及如何修复在函数外部使用 newUser 的范围？

谢谢。

编辑

我在background.html中尝试了以下操作，但仍然收到 newUser 未定义错误：

var extension_user

function saveNewUser (newUser)
{
    extension_user = newUser; //this should be global
    console.log("extension_user from options page " + extension_user);
}

console.log("extension_user from options page " + extension_user);

更新

我更改了两个页面以反映答案和评论，但是仍在函数之外，变量未定义。我做错了什么？

options.html

document.getElementById("save").addEventListener(
    "click", function ()
    {
        var newUserEmail = document.getElementById("getEmail").value;
        var bkg = chrome.extension.getBackgroundPage();
        bkg.saveNewUser(newUserEmail);
        console.log("newUserEmail " + newUserEmail);
    } , false)

background.html

var newUser

function saveNewUser (newUserEmail)
{
    window.newUser = newUserEmail; //this should be global
    console.log("newUser from options page inside function" + newUser);
}

console.log("newUser from options page " + newUser);

Answer 1

如果你想将其保存为全局变量，你可以在函数中更改变量的名称：

function saveNewUser (newUserVar)
{
    newUser = newUserVar; //this should be global?
    console.log("newUser from options page " + newUserVar);
}

console.log("newUser from options page " + newUser);

或者可以使用窗口作用域（与全局作用域相同）：

function saveNewUser (newUser)
{
    window.newUser = newUser; //this should be global?
    console.log("newUser from options page " + newUser);
}

console.log("newUser from options page " + newUser);

所有全局变量本质上都是函数的属性。窗口对象。

Answer 2

在调用函数 saveNewUser 之前，newUser 变量并不存在于全局范围内。因此它给出了参考错误。只需将全局范围内的变量 newUser 声明为 var newUser; 即可。那应该可以解决问题。声明变量时始终使用 var 关键字。这是一个很好的编程实践。切勿在局部作用域内声明全局变量。你已经知道为什么了。

编辑：

这是澄清我的答案的代码：

var newUser; // new user declared as a global

function saveNewUser (newuser)
{
    newUser = newuser; // this should be global?
    console.log("newUser from options page " + newUser);
}

console.log("newUser from options page " + newUser); // no more reference error