Sign In Start Free Trial

Object-Oriented JavaScript

By : Antani, Stoyan Stefanov

4.5 (6)

Object-Oriented JavaScript

4.5 (6)

By: Antani, Stoyan Stefanov

Overview of this book

JavaScript is an object-oriented programming language that is used for website development. Web pages developed today currently follow a paradigm that has three clearly distinguishable parts: content (HTML), presentation (CSS), and behavior (JavaScript). JavaScript is one important pillar in this paradigm, and is responsible for the running of the web pages. This book will take your JavaScript skills to a new level of sophistication and get you prepared for your journey through professional web development. Updated for ES6, this book covers everything you will need to unleash the power of object-oriented programming in JavaScript while building professional web applications. The book begins with the basics of object-oriented programming in JavaScript and then gradually progresses to cover functions, objects, and prototypes, and how these concepts can be used to make your programs cleaner, more maintainable, faster, and compatible with other programs/libraries. By the end of the book, you will have learned how to incorporate object-oriented programming in your web development workflow to build professional JavaScript applications.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Object-Oriented JavaScript

1. Object-Oriented JavaScript

A bit of history

ECMAScript 5

ECMAScript 6

Object-oriented programming

OOP summary

Setting up your training environment

Summary

2. Primitive Data Types, Arrays, Loops, and Conditions

2. Primitive Data Types, Arrays, Loops, and Conditions

Variables

Operators

Primitive data types

Primitive data types recap

Arrays

Conditions and loops

Comments

Exercises

Summary

3. Functions

3. Functions

What is a function?

Default parameters

Rest parameters

Spread operators

Scope of variables

Block scope

Functions are data

Closures

IIFE versus blocks

Arrow functions

Exercises

Summary

4. Objects

4. Objects

From arrays to objects

Object properties and attributes

ES6 object methods

Destructuring

Built-in objects

ES6 array methods

Lexical this in arrow functions

Exercises

Summary

5. ES6 Iterators and Generators

5. ES6 Iterators and Generators

For...of loop

Iterators and iterables

Generators

Collections

Summary

6. Prototype

6. Prototype

The prototype property

Using the prototype's methods and properties

Augmenting built-in objects

Exercises

Summary

7. Inheritance

7. Inheritance

Prototype chaining

Inheriting the prototype only

Uber - access to the parent from a child object

Isolating the inheritance part into a function

Copying properties

Heads-up when copying by reference

Objects inherit from objects

Deep copy

Using object() method

Using a mix of prototypal inheritance and copying properties

Multiple inheritance

Parasitic inheritance

Borrowing a constructor

Case study - drawing shapes

Exercises

Summary

8. Classes and Modules

8. Classes and Modules

Defining classes

Subclassing

Modules

Summary

9. Promises and Proxies

9. Promises and Proxies

Asynchronous programming model

JavaScript call stack

Promises

Summary

10. The Browser Environment

10. The Browser Environment

Including JavaScript in an HTML page

BOM and DOM - an overview

BOM

DOM

Events

XMLHttpRequest

Exercises

Summary

11. Coding and Design Patterns

11. Coding and Design Patterns

Coding patterns

Design patterns

Summary

12. Testing and Debugging

12. Testing and Debugging

Unit testing

JavaScript debugging

Summary

13. Reactive Programming and React

13. Reactive Programming and React

Reactive programming

React

Virtual DOM

Installing and running react

Summary

A. Reserved Words

A. Reserved Words

Keywords

ES6 reserved words

Previously reserved words

B. Built-in Functions

B. Built-in Functions

C. Built-in Objects

C. Built-in Objects

Object

ES6 addition to objects

Array

Function

Boolean

Number

String

Date

Math

RegExp

Error objects

JSON

D. Regular Expressions

D. Regular Expressions

E. Answers to Exercise Questions

E. Answers to Exercise Questions

Chapter 2, Primitive Data Types, Arrays, Loops, and Conditions

Chapter 3, Functions

Chapter 4, Objects

Chapter 5, Prototype

Chapter 6, Inheritance

Chapter 7, The Browser Environment

Customer Reviews

4.5 (6)

5 star

83.3%

4 star

0

3 star

0

2 star

16.7%

1 star

0

Prototype chaining

Let's start with the default way of implementing inheritance - inheritance chaining through the prototype.

As you already know, every function has a prototype property, which points to an object. When a function is invoked using the new operator, an object is created and returned. This new object has a secret link to the prototype object. The secret link (called __proto__ in some environments) allows methods and properties of the prototype object to be used as if they belonged to the newly created object.

The prototype object is just a regular object and, therefore, it also has the secret link to its prototype. And so, a chain called a prototype chain is created:

In this illustration, an object A contains a number of properties. One of the properties is the hidden __proto__ property, which points to another object, B. B's __proto__ property points to C. This chain ends with the Object.prototype object, the grandparent, and every object inherits from it.

This is all good...

Search

Your notes and bookmarks