Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Object-Oriented JavaScript
  • Toc
  • feedback
Object-Oriented JavaScript

Object-Oriented JavaScript

By : Antani, Stoyan Stefanov
4.5 (6)
close
Object-Oriented JavaScript

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.
Table of Contents (19 chapters)
close
close
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
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
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
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
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
5. ES6 Iterators and Generators
5. ES6 Iterators and Generators
For...of loop
Iterators and iterables
Generators
Collections
Summary
6
6. Prototype
6. Prototype
The prototype property
Using the prototype's methods and properties
Augmenting built-in objects
Exercises
Summary
7
7. Inheritance
chevron up
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
8. Classes and Modules
8. Classes and Modules
Defining classes
Subclassing
Modules
Summary
9
9. Promises and Proxies
9. Promises and Proxies
Asynchronous programming model
JavaScript call stack
Promises
Summary
10
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
11. Coding and Design Patterns
11. Coding and Design Patterns
Coding patterns
Design patterns
Summary
12
12. Testing and Debugging
12. Testing and Debugging
Unit testing
JavaScript debugging
Summary
13
13. Reactive Programming and React
13. Reactive Programming and React
Reactive programming
React
Virtual DOM
Installing and running react
Summary
14
A. Reserved Words
A. Reserved Words
Keywords
ES6 reserved words
Previously reserved words
15
B. Built-in Functions
B. Built-in Functions
16
C. Built-in Objects
C. Built-in Objects
Object
ES6 addition to objects
Array
Function
Boolean
Number
String
Date
Math
RegExp
Error objects
JSON
17
D. Regular Expressions
D. Regular Expressions
18
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

Case study - drawing shapes

Let's finish off this chapter with a more practical example of using inheritance. The task is to be able to calculate the area and the perimeter of different shapes, as well as to draw them, while reusing as much code as possible.

Analysis

Let's have one Shape constructor that contains all the common parts. From there, let's have Triangle, Rectangle, and Square constructors, all inheriting from Shape. A square is really a rectangle with the same length sides, so let's reuse Rectangle when building Square.

In order to define a shape, you'll need points with x and y coordinates. A generic shape can have any number of points. A triangle is defined with three points, a rectangle (to keep it simpler) with one point and the lengths of the sides. The perimeter of any shape is the sum of its side's lengths. Calculating the area is shape specific and will be implemented by each shape.

The common functionality in Shape would be:

  • A draw() method that can draw any shape given...

End of Section 14
Next Section
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete