JavaScript 模塊機制

leone 發布于2019-08-23 11:46 / 3118人閱讀

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

前言

項目以前使用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。就不需要我們過多的了解模塊化機制以及設計模式思想就能很好的管理代碼，但是深入的去學習設計模式對整體框架把控還是有很大地幫助的。

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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走的路均是參考眾多服務器端...

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

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

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