JavaScript 模块机制

leone 发布于2019-08-23 11:46 / 3018人阅读

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

前言

项目以前使用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。就不需要我们过多的了解模块化机制以及设计模式思想就能很好的管理代码，但是深入的去学习设计模式对整体框架把控还是有很大地帮助的。

私有云超融合服务器异步模块加载机制-amd javascript机制 JavaScript异步机制 javascript模块化

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

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

javascript 模块化机制

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

cikenerd 2019-08-21 14:43 评论0 收藏0
javascript 模块化机制

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

whlong 2019-08-01 15:54 评论0 收藏0
Node.js入门：模块机制

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

alanoddsoff 2019-08-23 13:48 评论0 收藏0
Node.js入门：模块机制

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

Loong_T 2019-08-01 10:08 评论0 收藏0
Node.js入门：模块机制

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

everfight 2019-07-25 14:33 评论0 收藏0
node核心特性理解

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

huangjinnan 2019-08-21 17:03 评论0 收藏0