Book Image

Mastering JavaScript Object-Oriented Programming

Book Image

Mastering JavaScript Object-Oriented Programming

Overview of this book

ECMAScript 6 introduces several new Object-Oriented features that drastically change the way developers structure their projects. Web developers now have some advanced OOP functionality at their disposal to build large-scale applications in JavaScript. With this book, we'll provide you with a comprehensive overview of OOP principles in JavaScript and how they can be implemented to build sophisticated web applications. Kicking off with a subtle refresher on objects, we'll show you how easy it is to define objects with the new ES6 classes. From there, we'll fly you through some essential OOP principles, forming a base for you to get hands-on with encapsulation. You'll get to work with the different methods of inheritance and we'll show you how to avoid using inheritance with Duck Typing. From there, we'll move on to some advanced patterns for object creation and you'll get a strong idea of how to use interesting patterns to present data to users and to bind data. We'll use the famous promises to work with asynchronous processes and will give you some tips on how to organize your code effectively. You'll find out how to create robust code using SOLID principles and finally, we'll show you how to clearly define the goals of your application architecture to get better, smarter, and more effective coding. This book is your one-way ticket to becoming a JavaScript Jedi who can be counted on to deliver flexible and maintainable code.

Related Content you might be interested in

Current Title:

Small book image
Mastering JavaScript Object-Oriented Programming
Jun, 2016 | 292 pages
No titles found
Table of Contents (18 chapters)
Mastering JavaScript Object-Oriented Programming
Mastering JavaScript Object-Oriented Programming
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
A Refresher of Objects
A Refresher of Objects
Object literals
Object constructors
Object prototypes
Using classes
Summary
2
Diving into OOP Principles
Diving into OOP Principles
OOP principles
Is JavaScript Object Oriented?
Abstraction and modeling support
OOP principles support
JavaScript OOP versus classical OOP
Summary
3
Working with Encapsulation and Information Hiding
Working with Encapsulation and Information Hiding
Encapsulation and information hiding
Convention-based approach
Privacy levels using closure
A meta-closure approach
Property descriptors
Information hiding in ES6 classes
Summary
4
Inheriting and Creating Mixins
Inheriting and Creating Mixins
Why inheritance?
Objects and prototypes
ES6 inheritance
Controlling inheritance
Implementing multiple inheritance
Creating and using mixins
Summary
5
Defining Contracts with Duck Typing
Defining Contracts with Duck Typing
Managing dynamic typing
Contracts and interfaces
Duck typing
Duck typing and polymorphism
Summary
6
Advanced Object Creation
Advanced Object Creation
Creating objects
Design patterns and object creation
Creating a singleton
An object factory
The builder pattern
Comparing factory and builder patterns
Recycling objects with an object pool
Summary
7
Presenting Data to the User
Presenting Data to the User
Managing user interfaces
Presentation patterns
The Model-View-Controller pattern
The Model-View-Presenter pattern
The Model-View-ViewModel pattern
A MV* pattern comparison
Summary
8
Data Binding
Data Binding
What is data binding?
Implementing data binding
The publish/subscribe pattern
Using proxies
Summary
9
Asynchronous Programming and Promises
Asynchronous Programming and Promises
Is JavaScript asynchronous?
Writing asynchronous code
Introducing Promises
Using Generators
Summary
10
Organizing Code
Organizing Code
The global scope
Creating namespaces
The module pattern
Module loading
ECMAScript 6 modules
Summary
11
SOLID Principles
SOLID Principles
Principle of OOP design
The Single Responsibility Principle
The Open/Closed Principle
The Liskov Substitution Principle
The Interface Segregation Principle
The Dependency Inversion Principle
Summary
12
Modern Application Architectures
Modern Application Architectures
From scripts to applications
From old-style to Single Page Applications
The Zakas/Osmani architecture
Cross-cutting features and AOP
Isomorphic applications
Summary

Privacy levels using closure

A simple way to fix the inconsistencies of the convention-based approach is not using properties for internal members but declaring variables inside the constructor, as shown in the following example:

function TheatreSeats() { 
  var seats = []; 
 
  this.placePerson = function(person) { 
    seats.push(person); 
  }; 
}

Using this approach, we can continue to use the constructor as usual preventing the access to the actual internal container-the seats variable. We are exploiting the internal environment of the TheatreSeats() function to hide the implementation details and lay the foundations for building the private and public parts of JavaScript objects.

Scope and closure

Before going further, it is useful to make clear some concepts that are used very often in JavaScript programming and on which we will build our approach to implement the information hiding principle. Let's start with the following example:

var greeting = "Good...
Previous Section
End of Section 4
Next Section