如何在 JavaScript 中使用全局变量？

在 JavaScript 中，全局变量指的是在任何地方都可以被访问到的变量。通常情况下，我们可以通过在函数外部定义变量来创建一个全局变量。但是，如果我们需要在多个 JavaScript 文件中使用同一个变量，则需要使用其他方法来创建全局变量。

以下是几种创建全局变量的方法：

1. 使用 window 对象

在 JavaScript 中，窗口对象（window）是全局对象之一。我们可以通过给 window 对象添加属性来创建全局变量。例如：

// 定义一个全局变量
window.apiUrl = 'http://example.com/api';

在其他文件中，通过 window.apiUrl 来访问这个全局变量。

2. 使用 global 对象

如果我们在 Node.js 中编写 JavaScript 代码，则可以使用 global 对象来创建全局变量。例如：

// 定义一个全局变量
global.apiUrl = 'http://example.com/api';

在其他文件中，通过 global.apiUrl 来访问这个全局变量。

3. 使用 ES6 中的全局变量

在 ES6 中，我们可以使用 let 和 const 关键字来创建全局变量。这些变量不会被绑定到 window 或 global 对象上，但它们会在全局作用域中存在。例如：

// 定义一个全局变量
let apiUrl = 'http://example.com/api';

在其他文件中，可以通过 import/export 语法来访问这个全局变量。

4. 使用模块化

如果我们使用模块化开发 JavaScript 应用程序，则可以使用模块化方式来共享变量。在每个模块中，可以使用 export 关键字来向外部暴露变量或函数。其他模块可以使用 import 语句来引入这些变量或函数，并将它们赋值给本地变量。例如：

// module1.js
export const apiUrl = 'http://example.com/api';

// module2.js
import { apiUrl } from './module1.js';
console.log(apiUrl); // 输出 http://example.com/api

通过这种方式，我们可以创建全局变量，并在多个 JavaScript 文件中共享这些变量。

总结：

• 在 JavaScript 中，可以使用 window 对象或 global 对象来创建全局变量。
• 在 ES6 中，也可以使用 let、const 关键字来创建全局变量。
• 在使用模块化开发 JavaScript 应用程序时，可以使用 export/import 语法来共享变量或函数。

以上就是在 JavaScript 中使用全局变量的几种方式。在实际开发中，我们应该根据具体情况选择最适合的方法，并避免滥用全局变量。