Lære Module Pattern | Creational Patterns

The Module pattern is a powerful way to organize your JavaScript code by grouping related functionality together and controlling what is exposed to the outside world. This pattern helps you encapsulate variables and functions, keeping some members private while exposing only what is necessary as public. By structuring your code in this way, you achieve a cleaner, more maintainable codebase that is easier to understand and less prone to bugs caused by unintended interference.


              12345678910111213141516171819202122232425
            
// Module using IIFE to create private and public members
const counterModule = (function() {
  // Private variable
  let count = 0;

  // Private function
  function log(message) {
    console.log("LOG:", message);
  }

  // Public API
  return {
    increment: function() {
      count++;
      log("Incremented count to " + count);
    },
    getCount: function() {
      return count;
    }
  };
})();

counterModule.increment(); // LOG: Incremented count to 1
console.log(counterModule.getCount()); // 1
// count and log are not accessible from outside

The Module pattern is especially useful because it helps avoid polluting the global namespace. By wrapping your code in an IIFE and returning only the public API, you prevent internal variables and helper functions from becoming global variables. This reduces the risk of naming conflicts and accidental overwrites, leading to safer and more predictable code.

1. What is a key advantage of the Module pattern in JavaScript?

2. The Module pattern often uses which JavaScript feature to create private variables?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you explain how the private and public members work in this example?

What are some real-world scenarios where the module pattern is especially useful?

Are there any drawbacks or limitations to using the module pattern in JavaScript?

Awesome!

Completion rate improved to 7.14

Sveip for å vise menyen


              12345678910111213141516171819202122232425
            
// Module using IIFE to create private and public members
const counterModule = (function() {
  // Private variable
  let count = 0;

  // Private function
  function log(message) {
    console.log("LOG:", message);
  }

  // Public API
  return {
    increment: function() {
      count++;
      log("Incremented count to " + count);
    },
    getCount: function() {
      return count;
    }
  };
})();

counterModule.increment(); // LOG: Incremented count to 1
console.log(counterModule.getCount()); // 1
// count and log are not accessible from outside

1. What is a key advantage of the Module pattern in JavaScript?

2. The Module pattern often uses which JavaScript feature to create private variables?

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3