Book Image

Modular Programming with JavaScript

Book Image

Modular Programming with JavaScript

Overview of this book

Programming in the modular manner is always encouraged for bigger systems—it is easier to achieve scalability with modular programming. Even JavaScript developers are now interested in building programs in a modular pattern. Modules help people who aren’t yet familiar with code to find what they are looking for and also makes it easier for programmers to keep things that are related close together. Designing and implementing applications in a modular manner is highly encouraged and desirable in both simple and enterprise level applications. This book covers some real-life examples of modules and how we can translate that into our world of programming and application design. After getting an overview of JavaScript object-oriented programming (OOP) concepts and their practical usage, you should be able to write your own object definitions using the module pattern. You will then learn to design and augment modules and will explore the concepts of cloning, inheritance, sub-modules, and code extensibility. You will also learn about SandBoxing, application design, and architecture based on modular design concepts. Become familiar with AMD and CommonJS utilities. By the end of the book, you will be able to build spectacular modular applications in JavaScript.
Table of Contents (17 chapters)
Modular Programming with JavaScript
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
2
Review of Important JavaScript OOP Concepts
Index

Submodules


The last technique that we consider in this chapter, which also allows us to extend our modules, is using submodules.

Submodules are essentially independent modules, which can be added to another module as properties of the hosting module. There are various ways of adding submodules to other modules and we will cover two of these approaches in this section.

Let's stay with the shape theme that we have been using so far and create a Shape module. We will consider this module as our hosting module. This module is the parent module for all 2D and 3D shapes and we will add our Polygon module to it.

Adding submodules using dynamic properties

Adding a submodule to a module as a dynamic property is straightforward, and as we can add dynamic properties to any JavaScript object, we can add a property to a hosting module which points to a submodule.

Consider the following:

var Shape = (function(){
    
        var type = "Any 2D and 3D shape";
    
        function getType(){
            return...