在 JavaScript 中,如果你想在一个文件中定义全局变量,并在另一个文件中使用 import 引入该全局变量,你需要将该全局变量绑定到一个对象上,并导出这个对象。以下是示例代码:
首先,在一个文件(globalVariables.js)中定义全局变量并导出:
// globalVariables.js
// 定义全局变量
const globalVariable = 'Hello, world!';
// 导出包含全局变量的对象
export const globals = {
globalVariable,
};
然后,在另一个文件中使用 import 引入该全局变量:
// otherFile.js
import { globals } from './globalVariables.js';
console.log(globals.globalVariable); // 输出:Hello, world!
注意事项:
- 在第一个文件中使用
export
关键字将包含全局变量的对象导出为模块。 - 在第二个文件中使用
import
关键字从指定路径引入所需的模块。 - 使用对象解构语法
{}
来提取要使用的特定属性。
确保两个文件都以模块方式加载(例如,在 HTML 文件中使用 <script type="module" src="..."></script>
)。此外,确保两个文件处于相同的目录或正确指定了相对路径。
这样就可以在不同的文件之间共享和使用全局变量了。
内容由零声教学AI助手提供,问题来源于学员提问