JavaScript 模塊機制

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

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

前言

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

模塊機制

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

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

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

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

相關(guān)文章

javascript 模塊化機制

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

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

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

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

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

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

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

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

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

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