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

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

    小云云小云云2018-01-26 10:22:40原创776
    本文主要介绍了seajs中最常用的7个功能、配置,结合实例形式简单分析了seajs中常用的项目配置、模块加载、定义、获取等操作技巧,需要的朋友可以参考下额,希望能帮助到大家。

    1. seajs.config


    seajs.config({
     // 设置路径,方便跨项目调用
     paths: {
      'path1': '....',
      'path2': '....'
     },
     // 设置别名,方便调用
     alias: {
      'class1': '...',
      'class2': '...'
     }
    });

    2. seajs.use

    用来在页面中加载一个或多个模块


    // 加载一个模块
    seajs.use('./a');
    // 加载一个模块,在加载完成时,执行回调
    seajs.use('./a', function(a) {
     a.doSomething();
    });
    // 加载多个模块,在加载完成时,执行回调
    seajs.use(['./a', './b'], function(a, b) {
     a.doSomething();
     b.doSomething();
    });

    3. define

    用来定义模块。


    define(function(require, exports, module) {
     // 模块代码
    });

    4. require

    用来获取指定模块的接口


    define(function(require) {
     // 获取模块a的接口
     var a = require('./a');
     // 调用模块a的方法
     a.doSomething();
    });

    5. require.async

    用来在模块内部异步加载一个或多个模块


    define(function(require) {
     // 异步加载一个模块,在加载完成时执行回调
     require.async('./b', function(b) {
      b.doSomething();
     });
     // 异步加载多个模块,在加载完成时执行回调
     require.async(['./c', './d'], function(c, d) {
      c.doSomething();
      d.doSomething();
     });
    });

    6. exports

    用来在模块内部对外提供接口


    define(function(require, exports) {
     // 对外提供foo属性
     exports.foo = 'bar';
     // 对外提供doSomething方法
     exports.doSomething = function() {};
    });

    7. module.exports

    用来在模块内部对外提供接口


    define(function(require, exports, module) {
     // 对外提供接口
     module.exports = {
      name: 'a',
      doSomething: function() {};
     };
    });

    相关推荐:

    JavaScript模块化开发库之SeaJS

    以上就是seajs中常用的几个功能和配置的详细内容,更多请关注php中文网其它相关文章!

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

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

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

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

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

    专题推荐:javascript seajs 功能和
    上一篇:JavaScript中出现的错误处理方式 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 浅析Angular中的Change Detection机制• 一文详解多版本node的安装和管理• Angular学习之聊聊Http ( 错误处理 / 请求拦截 )• 浅析Angular变更检测中的订阅异步事件• 一文聊聊node中的path模块
    1/1

    PHP中文网