Book Image

Object-Oriented JavaScript - Third Edition

By : Ved Antani, Stoyan STEFANOV
5 (1)
Book Image

Object-Oriented JavaScript - Third Edition

5 (1)
By: Ved 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.

Related Content you might be interested in

Current Title:

Small book image
Object-Oriented JavaScript - Third Edition
Ved Antani | Stoyan STEFANOV
Jan, 2017 | 550 pages
Small book image
Learn ECMAScript
Narayan Prusty | MEHUL MOHAN
Feb, 2018 | 298 pages
Small book image
Advanced JavaScript
Zachary Shute
Jan, 2019 | 330 pages
Small book image
Clean Code in JavaScript
James Padolsey
Jan, 2020 | 548 pages
Table of Contents (25 chapters)
Object-Oriented JavaScript - Third Edition
Object-Oriented JavaScript - Third Edition
Credits
Credits
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Object-Oriented JavaScript
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
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
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
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
ES6 Iterators and Generators
For...of loop
Iterators and iterables
Generators
Collections
Summary
6
Prototype
Prototype
The prototype property
Using the prototype's methods and properties
Augmenting built-in objects
Exercises
Summary
7
Inheritance
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
Classes and Modules
Defining classes
Subclassing
Modules
Summary
9
Promises and Proxies
Promises and Proxies
Asynchronous programming model
JavaScript call stack
Promises
Summary
10
The Browser Environment
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
Coding and Design Patterns
Coding patterns
Design patterns
Summary
12
Testing and Debugging
Testing and Debugging
Unit testing
JavaScript debugging
Summary
13
Reactive Programming and React
Reactive Programming and React
Reactive programming
React
Virtual DOM
Installing and running react
Summary
Reserved Words
Reserved Words
Keywords
ES6 reserved words
Previously reserved words
Built-in Functions
Built-in Functions
Built-in Objects
Built-in Objects
Object
ES6 addition to objects
Array
Function
Boolean
Number
String
Date
Math
RegExp
Error objects
JSON
Regular Expressions
Regular Expressions
Answers to Exercise Questions
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

ES6 addition to objects

ES6 has a few interesting object definition and property syntax. This new syntax is to make working with objects easier and concise.

Property shorthand

ES6 provides a shorter syntax for common object definition.

ES5: obj = { x: x, y: y };

ES6: obj = {x,y};

Computed property names

It is possible to compute property names in the new ES6 object definition syntax:

    let obj = { 
      foo: "bar", 
      [ "baz" + q() ]: 42 
    }

Here the property name is computed where "baz" is concatenated with the result of the function call.

Object.assign

The Object.assign() method is used to copy the values of all enumerable own properties from one or more source objects to a target object:

    var dest  = { quux: 0 } 
    var src1 = { foo: 1, bar: 2 } 
    var src2 = { foo: 3, baz: 4 } 
    Object.assign(dst, src1, src2)
Previous Section
End of Section
Next Section