在使用layui时,我们可以使用 layui.use
方法来加载模块并使用模块内部的方法。如果需要在模块外部使用模块内部定义的方法,我们可以将该方法封装并暴露给外部使用。
下面是利用 layui.extend
方法和 exports
关键字封装模块内部方法的示例:
Step 1:在模块中定义方法
我们在模块中定义一个名为 myMethod
的方法并在模块内部使用:
layui.define(['jquery'], function(exports){
var $ = layui.jquery;
var myMethod = function(){
console.log('This is my method.');
};
//输出myMethod接口
exports('myModule', myMethod);
});
Step 2:使用 layui.extend 加载模块
使用 layui.extend
方法来加载模块,在模块加载完成后,我们便可以使用该模块内部的方法:
layui.extend({
myModule: '/js/myModule' //js所在的目录
}).use(['myModule'], function(){
var myModule = layui.myModule;
//调用myModule内部方法
myModule();
});
下面再来一个示例,使用 layui.define
定义一个 common
模块并通过 exports
暴露内部方法 util
给其它模块使用:
Step 1:在 common.js 模块中定义方法
我们在 common.js
模块中定义一个名为 util
的方法并用 exports
暴露外部:
layui.define([], function(exports) {
exports('common', {
util: function() {
return 'This is a common method.';
}
});
});
Step 2:在其它模块中使用 common 模块的方法
在其它模块中使用 layui.use
方法加载 common
模块,并通过加载完成后返回的“接口对象”调用 util
方法:
layui.use(['common'], function() {
var common = layui.common;
console.log(common.util());
});
这样,我们就成功在其它模块中使用了 common
模块中封装的 util
方法。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:layui.use模块外部使用其内部定义的js封装函数方法 - Python技术站