🔰module pattern

JS ⟩ module ⟩ module pattern

was used as a module system before the introduction of native JavaScript modules, implemented using IIFE.

✨ 範例

• closure as object

💈範例

• replit：module pattern

// ⭐️ object returned by IIFE
//     ⭡
//    ╭ ╮  ╭─────────── ⭐️ IIFE ────────────╮
const foo = (function() {
    
    // internal function
    function sayHi(name) {
        console.log(`Hey, my name is ${name}`);
    }
    
    // ⭐️ exposing the variables
    return { sayHi };
    
})();

// ⭐️ accessing exposed methods
foo.sayHi("Bar");

👥 相關

• CommonJS

📗 參考

• MakeUseOf ⟩ An Introduction to Module Systems in JavaScript
• YDKJS: Scope & Closures (v.2) > Ch. 8 > Modules