javascript - 如何在 Laravel Mix 中使用全局 JS 变量？

Question

我正在使用 Laravel Mix，但我遇到了全局变量问题。

在 app.js 文件中，我有以下内容:

import $ from 'jquery';
window.$ = window.jQuery = $;

var iniciateUserChoiceBool = false;

$(function() {
   require('./functions');
   require('./tabs');
});

有问题的变量iniciateUserChoiceBool我在functions.js和tabs.js中使用，我需要它是相同的变量。但每次我得到:

Uncaught ReferenceError: iniciateUserChoiceBool is not defined

如果我将变量放在functions.js 和tabs.js 中的不同文件中，错误就会消失，但功能会发生变化，因为变量不相同并且if 语句不同。如何在 Laravel mix 中使用全局变量？

我也这样测试过，还是报错。

import $ from 'jquery';
window.$ = window.jQuery = $;

$(function() {
   var iniciateUserChoiceBool = false;

   require('./functions');
   require('./tabs');
});

Answer 1

您可以将其添加到 window 对象中:

window.iniciateUserChoiceBool = false;

这仍然允许您稍后仅使用 iniciateUserChoiceBool(没有 window)。