什么是 layui.js
LayUI是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，拥有诸如核心组件（表单、表格、菜单等）等一系列实用的功能组件，为后续开发提供非常便利的基础。
LayUI采用全新的模块化设计，让JS模块开发变得简单而直观，且提供了非常强大的打包工具(类似 webpack)。LayUI 拥有十分丰富的文档说明和使用示例，让开发者能够快速上手，对于做普通Web项目和后台管理系统的前端开发者来说，LayUI是一个高效、简洁、易用的前端UI框架。
声明全局变量
在编写 layui.js 代码时，我们有时需要声明一些全局变量，以方便在其他模块中使用。通常的声明方法是使用 JavaScript 的 var、let 或 const 语句完成，但这样声明的变量是该模块私有的，无法在其他模块中访问。
为了能够声明一个全局变量，需要借助 LayUI 提供的 layui.define 函数，示例如下：
layui.define(function(exports){
//在这里定义全局变量
var globalVar = {
name : "This is a global variable",
id : "1001"
};
//输出模块接口
exports('globalVar', globalVar);
});
通过以上代码，我们定义了一个全局变量 globalVar，包含了一个 name 字符串属性和一个 id 数字属性，然后使用 exports 输出了模块的接口，其中 exports 的第一个参数是模块的名称，第二个参数是模块的接口，即我们定义的全局变量。
在其他模块中，只需要引用该模块即可访问该全局变量，例如：
layui.define(['global'], function(exports){
//在这里使用全局变量
var global = layui.global;
console.log("Name: " + global.name + " , ID: " + global.id );
});
这里引用了之前定义的全局变量模块 global，并通过 global.name 和 global.id 访问了该变量的属性。
注意事项
需要注意以下几点：
layui.define 函数只能在入口模块（即 layui.config 的第一个参数）中使用，即使你在其他模块中使用了 layui.define 声明全局变量，它也不会成为全局变量。
模块名称不能与 LayUI 内置模块名称相同，例如 layer、form、laytpl、upload 等。
确保全局变量的唯一性，不要和其他模块冲突。
如果在模块中声明了多个全局变量，需要在 exports 中分别输出，例如：
layui.define(function(exports){
//在这里定义全局变量
var globalVar1 = "This is a global variable 1";
var globalVar2 = "This is a global variable 2";
//输出模块接口
exports('globalVar1', globalVar1);
exports('globalVar2', globalVar2);
});
总结
在 LayUI 中声明全局变量需要使用 layui.define 函数，并在该函数体内定义变量并输出模块接口，这样即可在其他模块中使用该变量。但需要注意，该方法声明的全局变量仅在 LayUI 内部使用，并不能与 JavaScript 的全局变量混淆，即在模块外部无法访问。