JavaScript Modules: A Beginner’s Guide - Deepstash
Machine Learning With Google

Learn more about computerscience with this collection

Understanding machine learning models

Improving data analysis and decision-making

How Google uses logic in machine learning

Machine Learning With Google

Discover 95 similar ideas in

It takes just

14 mins to read

What modules are

What modules are

Good authors divide their books into chapters and sections; good programmers divide their programs into modules.

Like a book chapter, modules are just clusters of words (or code, as the case may be).

11

100 reads

Why use modules?

There are a lot of benefits to using modules in favor of a sprawling, interdependent codebase. 

  • Maintainability: By definition, a module is self-contained. 
  • Namespacing: In JavaScript, variables outside the scope of a top-level function are global (meaning, everyone can access them). Because of this, it’s common to have “namespace pollution”, where completely unrelated code shares global variables.
  • Reusability: Let’s be honest here: we’ve all copied code we previously wrote into new projects at one point or another.

11

52 reads

Module pattern

The Module pattern is used to mimic the concept of classes so that we can store both public and private methods and variables inside a single object — similar to how classes are used in other programming languages like Java or Python. 

That allows us to create a public-facing API for the methods that we want to expose to the world, while still encapsulating private variables and methods in a closure scope.

11

35 reads

CommonJS and AMD

  • CommonJS is a volunteer working group that designs and implements JavaScript APIs for declaring modules. A CommonJS module is essentially a reusable piece of JavaScript that exports specific objects, making them available for other modules to require in their programs.
  • Unlike CommonJS, AMD takes a browser-first approach alongside asynchronous behavior to get the job done. (Note, there are a lot of people who strongly believe that dynamically loading files piecemeal as you start to run code isn’t favorable, which we’ll explore more when in the next section on module-building).

10

32 reads

UMD

For projects that require you to support both AMD and CommonJS features, there’s yet another format: Universal Module Definition (UMD).

UMD essentially creates a way to use either of the two, while also supporting the global variable definition. As a result, UMD modules are capable of working on both client and server.

10

36 reads

CURATED BY

heathesoli

Engineer in control and instrumentation

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates