• 技术文章 >web前端 >js教程

    怎么使用SeaJS中use函数

    小云云小云云2018-01-26 10:24:56原创1600
    有了 define 等模块定义规范的实现,我们可以开发出很多模块。但光有一堆模块不管用,我们还得让它们能跑起来。在 SeaJS 里,要启动模块系统很简单:

    <script src="path/to/sea.js"></script>
    <script>
    seajs.use('./main');
    </script>

    seajs.use 用来在页面中加载模块。通过 use 方法,可以在页面中加载任意模块。

    语法:seajs.use seajs.use(id, callback?)

    // 加载模块 main,并在加载完成时,执行指定回调
    seajs.use('./main', function(main) {
    main.init();
    });

    use 方法还可以一次加载多个模块:

    // 并发加载模块 a 和模块 b,并在都加载完成时,执行指定回调
    seajs.use(['./a', './b'], function(a, b) {
    a.init();
    b.init();
    });

    callback 参数可选。当只加载一个模块,且不需要 callback 时,可以用 data-main 属性来简化:

    <script src="path/to/sea.js" data-main="./main"></script>

    上面的代码等价于:

    <script src="path/to/sea.js"></script>
    <script>
    seajs.use('./main');
    </script>

    SeaJS 还提供 data-config 来加载配置文件:

    <script src="path/to/sea.js" data-config="path/to/config"></script>

    data-config 等价:

    seajs.config({
    preload: ['path/to/config']
    });

    路径解析规则与 seajs.use 一致。

    我这里用的是:

    <script src="/js/lib/sea.js" data-config="/js/config.js"></script>
    <script>
    seajs.use('/js/main', function(main) {
    main.banner_focus('#focus');
    });

    注:main为模块名。main.method为模块定义的函数,可以传递参数过去。

    相关推荐:

    seajs中常用的几个功能和配置

    以上就是怎么使用SeaJS中use函数的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:javascript SeaJS 使用
    上一篇:seajs中常用的几个功能和配置 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 浅析Angular中的Change Detection机制• 实战学习:聊聊Node.js怎么操作数据库• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件• 聊聊如何选择一个最好的Node.js Docker镜像?
    1/1

    PHP中文网