当前位置:Gxlcms > html代码 > 使用javascript的模块加载器

使用javascript的模块加载器

时间:2021-07-01 10:21:17 帮助过:35人阅读

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

定义

  1. var MyModules = (function Manager() {
  2. var modules = {};
  3. function define (name, deps, impl) {
  4. for(var j = 0, length = deps.length; j < length; j++){
  5. deps[j] = modules[deps[j]];
  6. }
  7. modules[name] = impl.apply(impl, deps);
  8. }
  9. function get (name) {
  10. return modules[name];
  11. }
  12. return {
  13. define: define,
  14. get: get
  15. }
  16. })();

使用

  1. MyModules.define('test1', [], function() {
  2. function hello(name) {
  3. console.log(name);
  4. }
  5. return {
  6. hello: hello
  7. }
  8. });
  9. MyModules.define('test2', ['test1'], function(test1) {
  10. function age(name, age) {
  11. console.log(test1.hello(name));
  12. console.log(age);
  13. }
  14. return {
  15. age: age
  16. }
  17. });
  18. MyModules.get('test2').age('mumu', '27');

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

推荐阅读:

Vue.directive()的图文详解

AjaxUpLoad.js怎样实现文件上传

以上就是使用javascript的模块加载器的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行