使用javascript的模块加载器


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来使用javascript的模块加载器,使用javascript模块加载器的注意事项有哪些,下面就是实战案例,一起来看一下。

定义

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

var MyModules = (function Manager() {

  var modules = {};

  function define (name, deps, impl) {

    for(var j = 0, length = deps.length; j < length; j++){

      deps[j] = modules[deps[j]];

    }

    modules[name] = impl.apply(impl, deps);

  }

  function get (name) {

    return modules[name];

  }

  return {

    define: define,

    get: get

  }

})();

使用

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

MyModules.define('test1', [], function() {

  function hello(name) {

    console.log(name);

  }

   

  return {

    hello: hello

  }

});

MyModules.define('test2', ['test1'], function(test1) {

  function age(name, age) {

    console.log(test1.hello(name));

    console.log(age);

  }

   

  return {

    age: age

  }

});

MyModules.get('test2').age('mumu', '27');

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Vue.directive()的图文详解

AjaxUpLoad.js怎样实现文件上传

以上就是使用javascript的模块加载器的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript中区分大小写吗

详解js中window.name的特性与作用

如何自定义video播放器样式?

js数组常见操作方法介绍

nodejs与javascript的区别

javascript分不分整数浮点数

javascript字符串如何转为布尔值

js数组基础知识(总结)

javascript语言有哪些特点

javascript和css的区别是什么

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...