资讯专栏INFORMATION COLUMN

JavaScript 模块机制

leone / 3088人阅读

摘要:模块机制大多数模块依赖加载器管理器,本质上都是将这种模块定义封装进一个有好的。

前言

项目以前使用AngularJs,Angular前端框架。换工作之后新项目使用jQuery,又感觉回到原始时代。时代虽然倒回去了,但是思想不能也跟着倒回去。因此根据AngularJs编程风格封装一个简单的模块机制来写jQuery代码。

模块机制

大多数模块依赖加载器/管理器,本质上都是将这种模块定义封装进一个有好的API。在此,只是简单做了一下模块封装。

var Module = (function() {
    var modules = {};
    
    function controller(name, deps, impl) {
        for (var i = 0, len = deps.length; i < len; i++) {
            deps[i] = modules[deps[i]];
        }
        modules[name] = impl.apply(impl, deps);
    }

    function get(name) {
        return modules[name];
    }

    return {
        controller: controller,
        get: get
    }
})()

如何使用

Module.controller("hello", [], function() {
    function hello(who) {
        return "hello " + who;
    }
    return {
        hello: hello
    }
})
Module.controller("upperCase", ["hello"], function() {
    var who = "dwyane wade";

    function awesome() {
        console.log(hello.hello(who).toUpperCase());
    }

    return {
        awesome: awesome
    }
})

var hello = Module.get("hello");
var upperCase = Module.get("upperCase");
console.log(hello.hello("dwyane wade"));
upperCase.awesome();
后记

ES6中引入了Class,Module。就不需要我们过多的了解模块化机制以及设计模式思想就能很好的管理代码,但是深入的去学习设计模式对整体框架把控还是有很大地帮助的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97428.html

相关文章

  • javascript 模块机制

    摘要:作为新手,发现对于其的模块机制,不是很理解。的概念出现有效规范了的模块化规范。不再需要对象作为命名空间比如对象,未来这些功能可以通过模块提供。浏览器使用模块的语法如下导出对象和变量导出类对象引入加载机制详见引用资料高静的并行加载与顺序执行 1. 概述 js发展初期暴露了其缺陷:缺乏模块,后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手,发现对于其JavaS...

    cikenerd 评论0 收藏0
  • javascript 模块机制

    摘要:作为新手,发现对于其的模块机制,不是很理解。的概念出现有效规范了的模块化规范。不再需要对象作为命名空间比如对象,未来这些功能可以通过模块提供。浏览器使用模块的语法如下导出对象和变量导出类对象引入加载机制详见引用资料高静的并行加载与顺序执行 1. 概述 js发展初期暴露了其缺陷:缺乏模块,后来提出了commonJS规范来规范其模块的规范。作为JavaScript新手,发现对于其JavaS...

    whlong 评论0 收藏0
  • Node.js入门:模块机制

    摘要:模块载入策略的模块分为两类,一类为原生核心模块,一类为文件模块。最后传入对象的,方法,,文件名,目录名作为实参并执行。在这个主文件中,可以通过方法去引入其余的模块。以上所描述的模块载入机制均定义在中。 CommonJS规范  早在Netscape诞生不久后,JavaScript就一直在探索本地编程的路,Rhino是其代表产物。无奈那时服务端JavaScript走的路均是参考众多服务器端...

    alanoddsoff 评论0 收藏0
  • Node.js入门:模块机制

    摘要:模块载入策略的模块分为两类,一类为原生核心模块,一类为文件模块。最后传入对象的,方法,,文件名,目录名作为实参并执行。在这个主文件中,可以通过方法去引入其余的模块。以上所描述的模块载入机制均定义在中。 CommonJS规范  早在Netscape诞生不久后,JavaScript就一直在探索本地编程的路,Rhino是其代表产物。无奈那时服务端JavaScript走的路均是参考众多服务器端...

    everfight 评论0 收藏0
  • node核心特性理解

    摘要:概述本文主要介绍了我对的一些核心特性的理解,包括架构特点机制核心模块与简单应用。在此期间,主线程继续执行其他任务。延续了浏览器端单线程,只用一个主线程执行,不断循环遍历事件队列,执行事件。 原文地址在我的博客,转载请注明来源,谢谢! node是在前端领域经常看到的词。node对于前端的重要性已经不言而喻,掌握node也是作为合格的前端工程师一项基本功了。知道node、知道后端的一些东西...

    huangjinnan 评论0 收藏0

发表评论

0条评论

leone

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<