JavaScript 模塊機(jī)制

leone 發(fā)布于2019-08-23 11:46 / 3120人閱讀

摘要：模塊機(jī)制大多數(shù)模塊依賴加載器管理器，本質(zhì)上都是將這種模塊定義封裝進(jìn)一個有好的。

前言

項(xiàng)目以前使用AngularJs，Angular前端框架。換工作之后新項(xiàng)目使用jQuery，又感覺回到原始時代。時代雖然倒回去了，但是思想不能也跟著倒回去。因此根據(jù)AngularJs編程風(fēng)格封裝一個簡單的模塊機(jī)制來寫jQuery代碼。

模塊機(jī)制

大多數(shù)模塊依賴加載器/管理器，本質(zhì)上都是將這種模塊定義封裝進(jìn)一個有好的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。就不需要我們過多的了解模塊化機(jī)制以及設(shè)計(jì)模式思想就能很好的管理代碼，但是深入的去學(xué)習(xí)設(shè)計(jì)模式對整體框架把控還是有很大地幫助的。

GPU云服務(wù)器云服務(wù)器異步模塊加載機(jī)制-amd javascript機(jī)制 JavaScript異步機(jī)制 javascript模塊化

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97428.html

相關(guān)文章

javascript 模塊化機(jī)制

摘要：作為新手，發(fā)現(xiàn)對于其的模塊機(jī)制，不是很理解。的概念出現(xiàn)有效規(guī)范了的模塊化規(guī)范。不再需要對象作為命名空間比如對象，未來這些功能可以通過模塊提供。瀏覽器使用模塊的語法如下導(dǎo)出對象和變量導(dǎo)出類對象引入加載機(jī)制詳見引用資料高靜的并行加載與順序執(zhí)行 1. 概述 js發(fā)展初期暴露了其缺陷：缺乏模塊，后來提出了commonJS規(guī)范來規(guī)范其模塊的規(guī)范。作為JavaScript新手，發(fā)現(xiàn)對于其JavaS...

cikenerd 2019-08-21 14:43 評論0 收藏0
javascript 模塊化機(jī)制

摘要：作為新手，發(fā)現(xiàn)對于其的模塊機(jī)制，不是很理解。的概念出現(xiàn)有效規(guī)范了的模塊化規(guī)范。不再需要對象作為命名空間比如對象，未來這些功能可以通過模塊提供。瀏覽器使用模塊的語法如下導(dǎo)出對象和變量導(dǎo)出類對象引入加載機(jī)制詳見引用資料高靜的并行加載與順序執(zhí)行 1. 概述 js發(fā)展初期暴露了其缺陷：缺乏模塊，后來提出了commonJS規(guī)范來規(guī)范其模塊的規(guī)范。作為JavaScript新手，發(fā)現(xiàn)對于其JavaS...

whlong 2019-08-01 15:54 評論0 收藏0
Node.js入門：模塊機(jī)制

摘要：模塊載入策略的模塊分為兩類，一類為原生核心模塊，一類為文件模塊。最后傳入對象的，方法，，文件名，目錄名作為實(shí)參并執(zhí)行。在這個主文件中，可以通過方法去引入其余的模塊。以上所描述的模塊載入機(jī)制均定義在中。 CommonJS規(guī)范? 早在Netscape誕生不久后，JavaScript就一直在探索本地編程的路，Rhino是其代表產(chǎn)物。無奈那時服務(wù)端JavaScript走的路均是參考眾多服務(wù)器端...

alanoddsoff 2019-08-23 13:48 評論0 收藏0
Node.js入門：模塊機(jī)制

摘要：模塊載入策略的模塊分為兩類，一類為原生核心模塊，一類為文件模塊。最后傳入對象的，方法，，文件名，目錄名作為實(shí)參并執(zhí)行。在這個主文件中，可以通過方法去引入其余的模塊。以上所描述的模塊載入機(jī)制均定義在中。 CommonJS規(guī)范? 早在Netscape誕生不久后，JavaScript就一直在探索本地編程的路，Rhino是其代表產(chǎn)物。無奈那時服務(wù)端JavaScript走的路均是參考眾多服務(wù)器端...

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

摘要：概述本文主要介紹了我對的一些核心特性的理解，包括架構(gòu)特點(diǎn)機(jī)制核心模塊與簡單應(yīng)用。在此期間，主線程繼續(xù)執(zhí)行其他任務(wù)。延續(xù)了瀏覽器端單線程，只用一個主線程執(zhí)行，不斷循環(huán)遍歷事件隊(duì)列，執(zhí)行事件。原文地址在我的博客，轉(zhuǎn)載請注明來源，謝謝！ node是在前端領(lǐng)域經(jīng)?？吹降脑~。node對于前端的重要性已經(jīng)不言而喻，掌握node也是作為合格的前端工程師一項(xiàng)基本功了。知道node、知道后端的一些東西...

huangjinnan 2019-08-21 17:03 評論0 收藏0