程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在多个文件之间共享全局变量?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何在多个文件之间共享全局变量??

开发过程中遇到如何在多个文件之间共享全局变量?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何在多个文件之间共享全局变量?的解决方法建议,希望对你解决如何在多个文件之间共享全局变量?有所启发或帮助;

如果您确实想要全局变量(当然不建议这样做),那么您始终可以100%地自由做

window.globalVar = 0;

在您的任何模块中。

当然,更健壮的解决方案是让此全局变量位于某种专用模块中,例如

globalVar.Js

export default {
    value: 0
};

然后你可以

import globalVal from './globalVar';

globalVal.value = 'whatever';

从所需的任何模块。

唯一的风险是,如果您要进行代码拆分,则webpack可能会将同一“全局”值复制到多个包中,具体取决于您的设置。因此,单独的模块将使用此本地变量的本地副本。 -这不是真的。webpack从未这样做过;该评论是基于我的误解。

解决方法

我有两个都需要全局变量的文件。我有一个点击按钮。单击后,运行一个函数。代码如下:

文件1:

var globalVar = '',// The global variable

<button onClick = {() => this.edit(arg1)}></button>
function edit (arg1){

   globalVar = arg1;
}

module.exports = globalVar;

我还有另一个文件,看起来像这样

文件2:

var globalVar = require(./file1);

function openModal(){

if (globarVar != ''){
 do something

}}

问题是当我单击按钮时,globalVar在edit()函数中更新,但是我在file2中的console.log(globalVar)显示为’‘。我的问题是当我单击按钮时如何将globalVar传递给file2按钮?

大佬总结

以上是大佬教程为你收集整理的如何在多个文件之间共享全局变量?全部内容,希望文章能够帮你解决如何在多个文件之间共享全局变量?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。