您当前的位置: 首页 >  Java

命运之手

暂无认证

  • 3浏览

    0关注

    747博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Javascript】【模块化】通过requireJs实现模块化

命运之手 发布时间:2019-05-30 15:17:42 ,浏览量:3

requireJs是AMD前端模块化规范的实现,requireJs使用define和require关键字实现模块化,用法如下

config.js


//配置模块
//声明哪些文件会被视为模块,声明后才能被define使用
//左侧为模块名称,右侧为文件路径
//模块名称不能为module,否则会异常
require.config({
    paths: {
        jquery: "jquery",
        md: "module"
    }
});

module.js


//定义模块
//第一个参数为依赖模块的名称
//第二个参数为依赖模块的别名
//如果没有依赖模块,可以省略这两个参数
define(["jquery"], function ($) {

    let message = "hello";

    return {
        message: message,
        showMessage: function () {
            alert($);
        }
    };
});

main.js


//引用模块
//第一个参数为引用模块,第二个参数为模块别名
//第一个参数可以使用文件路径,也可以使用模块别名,如果使用别名必须通过require.config事先定义
require(["module.js"], function (module) {
    alert(module.message);
    module.showMessage();
});

main.html



    
        
        Webstorm
    

    
    


关注
打赏
1654938663
查看更多评论
立即登录/注册

微信扫码登录

0.0892s