下面是另一个简单的方法，可以让变量在其他函数中可用，而不必使用全局变量:

函数 makeObj（） { var 轨迹图像 = '测试'; makeObj.trailimage = 'test'; } 函数 someOtherFunction（） { document.write（makeObj.trailimage）; } makeObj（）; someOtherFunction（）;

所有声明的变量都没有“var”或“let”或任何前面的东西，如“const”，都是全局变量。所以…

function myFunction(){

     myVar = "value"; // myVar is a global variable and can be used anywhere inside <script> tags.

}

典型的例子:

window.foo = 'bar';

一个现代的，安全的例子，通过使用IIFE遵循最佳实践:

;(function (root) {
    'use strict'

    root.foo = 'bar';
)(this));

现在，也有使用WebStorage API的选项:

localStorage.foo = 42;

or

sessionStorage.bar = 21;

在性能方面，我不确定它是否比在变量中存储值明显慢。

广泛的浏览器支持，如“我可以使用....”所述

如果你正在创建一个启动函数，你可以这样定义全局函数和变量:

function(globalScope)
{
    // Define something
    globalScope.something()
    {
        alert("It works");
    };
}(window)

因为函数是通过这个参数全局调用的，所以这里是全局作用域。所以，这个东西应该是全球性的。

只需在函数外部声明它，并在函数内部赋值即可。喜欢的东西:

<script type="text/javascript">
    var offsetfrommouse = [10, -20];
    var displayduration = 0;
    var obj_selected = 0;
    var trailimage = null ;  // Global variable
    function makeObj(address) {
        trailimage = [address, 50, 50];  // Assign value

或者简单地从函数内部的变量名中删除“var”也会使它成为全局的，但为了代码更干净，最好在外部声明一次。这也可以:

var offsetfrommouse = [10, -20];
var displayduration = 0;
var obj_selected = 0;

function makeObj(address) {
    trailimage = [address, 50, 50];  // Global variable, assign value

我希望这个例子能解释更多:http://jsfiddle.net/qCrGE/

var globalOne = 3;
testOne();

function testOne()
{
    globalOne += 2;
    alert("globalOne is :" + globalOne );
    globalOne += 1;
}

alert("outside globalOne is: " + globalOne);

testTwo();

function testTwo()
{
    globalTwo = 20;
    alert("globalTwo is " + globalTwo);
    globalTwo += 5;
}

alert("outside globalTwo is:" + globalTwo);

正如其他人所说，你可以在全局作用域(在所有函数和模块之外)使用var来声明一个全局变量:

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

(请注意，这只适用于全局范围。如果代码在模块中- <script type="module">…</script> -它不会在全局作用域，所以不会创建一个全局。)

另外:

在现代环境中，你可以给globalThis引用的对象的属性赋值(globalThis是在ES2020中添加的):

<script>
function foo() {
    globalThis.yourGlobalVariable = ...;
}
</script>

在浏览器上，你可以对全局变量window做同样的事情:

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

.．.因为在浏览器中，所有用var声明的全局变量都是窗口对象的属性。(新的let、const和class语句[在ES2015中添加]在全局作用域中创建的全局变量不是全局对象的属性;ES2015的新概念。)

(还有隐式全局变量的可怕之处，但不要故意这样做，尽量避免意外地这样做，也许可以使用ES5的“use strict”。)

综上所述:如果可能的话，我会避免全局变量(而且几乎可以肯定)。正如我所提到的，它们最终是窗口的属性，而窗口已经足够拥挤了，所有带有id的元素(以及许多只有名称的元素)都被转储到其中(不管即将到来的规范是什么，IE都会转储任何带有名称的元素)。

相反，在现代环境中，使用模块:

<script type="module">
let yourVariable = 42;
// ...
</script>

模块中的顶层代码是在模块作用域，而不是全局作用域，这样就创建了一个该模块中的所有代码都可以看到的变量，但这不是全局的。

在没有模块支持的过时环境中，将代码包装在作用域函数中，并使用该作用域函数的局部变量，并将其他函数闭包在其中:

<script>
(function() { // Begin scoping function
    var yourGlobalVariable; // Global to your code, invisible outside the scoping function
    function foo() {
        // ...
    }
})();         // End scoping function
</script>