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.
  • Book Overview & Buying Object-Oriented JavaScript
  • Table Of Contents Toc
  • Feedback & Rating feedback
Object-Oriented JavaScript

Object-Oriented JavaScript - Third Edition

By : Ved Antani, Stoyan STEFANOV
4.5 (6)
Buy this Book
close
close
Object-Oriented JavaScript

Object-Oriented JavaScript

4.5 (6)
By: Ved Antani, Stoyan STEFANOV
Buy this Book

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
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Object-Oriented JavaScript
Icon
1. Object-Oriented JavaScript
Icon
A bit of history
Icon
ECMAScript 5
Icon
ECMAScript 6
Icon
Object-oriented programming
Icon
OOP summary
Icon
Setting up your training environment
Icon
Summary
2
2. Primitive Data Types, Arrays, Loops, and Conditions
Icon
2. Primitive Data Types, Arrays, Loops, and Conditions
Icon
Variables
Icon
Operators
Icon
Primitive data types
Icon
Primitive data types recap
Icon
Arrays
Icon
Conditions and loops
Icon
Comments
Icon
Exercises
Icon
Summary
3
3. Functions
Icon
3. Functions
Icon
What is a function?
Icon
Default parameters
Icon
Rest parameters
Icon
Spread operators
Icon
Scope of variables
Icon
Block scope
Icon
Functions are data
Icon
Closures
Icon
IIFE versus blocks
Icon
Arrow functions
Icon
Exercises
Icon
Summary
4
4. Objects
Icon
4. Objects
Icon
From arrays to objects
Icon
Object properties and attributes
Icon
ES6 object methods
Icon
Destructuring
Icon
Built-in objects
Icon
ES6 array methods
Icon
Lexical this in arrow functions
Icon
Exercises
Icon
Summary
5
5. ES6 Iterators and Generators
Icon
5. ES6 Iterators and Generators
Icon
For...of loop
Icon
Iterators and iterables
Icon
Generators
Icon
Collections
Icon
Summary
6
6. Prototype
Icon
6. Prototype
Icon
The prototype property
Icon
Using the prototype's methods and properties
Icon
Augmenting built-in objects
Icon
Exercises
Icon
Summary
7
7. Inheritance
chevron up
Icon
7. Inheritance
Icon
Prototype chaining
Icon
Inheriting the prototype only
Icon
Uber - access to the parent from a child object
Icon
Isolating the inheritance part into a function
Icon
Copying properties
Icon
Heads-up when copying by reference
Icon
Objects inherit from objects
Icon
Deep copy
Icon
Using object() method
Icon
Using a mix of prototypal inheritance and copying properties
Icon
Multiple inheritance
Icon
Parasitic inheritance
Icon
Borrowing a constructor
Icon
Case study - drawing shapes
Icon
Exercises
Icon
Summary
8
8. Classes and Modules
Icon
8. Classes and Modules
Icon
Defining classes
Icon
Subclassing
Icon
Modules
Icon
Summary
9
9. Promises and Proxies
Icon
9. Promises and Proxies
Icon
Asynchronous programming model
Icon
JavaScript call stack
Icon
Promises
Icon
Summary
10
10. The Browser Environment
Icon
10. The Browser Environment
Icon
Including JavaScript in an HTML page
Icon
BOM and DOM - an overview
Icon
BOM
Icon
DOM
Icon
Events
Icon
XMLHttpRequest
Icon
Exercises
Icon
Summary
11
11. Coding and Design Patterns
Icon
11. Coding and Design Patterns
Icon
Coding patterns
Icon
Design patterns
Icon
Summary
12
12. Testing and Debugging
Icon
12. Testing and Debugging
Icon
Unit testing
Icon
JavaScript debugging
Icon
Summary
13
13. Reactive Programming and React
Icon
13. Reactive Programming and React
Icon
Reactive programming
Icon
React
Icon
Virtual DOM
Icon
Installing and running react
Icon
Summary
14
A. Reserved Words
Icon
A. Reserved Words
Icon
Keywords
Icon
ES6 reserved words
Icon
Previously reserved words
15
B. Built-in Functions
Icon
B. Built-in Functions
16
C. Built-in Objects
Icon
C. Built-in Objects
Icon
Object
Icon
ES6 addition to objects
Icon
Array
Icon
Function
Icon
Boolean
Icon
Number
Icon
String
Icon
Date
Icon
Math
Icon
RegExp
Icon
Error objects
Icon
JSON
17
D. Regular Expressions
Icon
D. Regular Expressions
18
E. Answers to Exercise Questions
Icon
E. Answers to Exercise Questions
Icon
Chapter 2, Primitive Data Types, Arrays, Loops, and Conditions
Icon
Chapter 3, Functions
Icon
Chapter 4, Objects
Icon
Chapter 5, Prototype
Icon
Chapter 6, Inheritance
Icon
Chapter 7, The Browser Environment

Copying properties

Now, let's try a slightly different approach. Since inheritance is all about reusing code, can you simply copy the properties you like from one object to another? Or from a parent to a child? Keeping the same interface as the preceding extend() function, you can create a extend2()function, which takes two constructor functions and copies all the properties from the parent's prototype to the child's prototype. This will, of course, carry over methods too, as methods are just properties that happen to be functions:

    function extend2(Child, Parent) { 
      var p = Parent.prototype; 
      var c = Child.prototype; 
      for (var i in p) { 
        c[i] = p[i]; 
      } 
      c.uber = p; 
    }

As you can see, a simple loop through the properties is all it takes. As with the previous example, you can set an uber property if you want to have handy access to parent's methods from the child. Unlike the previous example though, it's...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Object-Oriented JavaScript
End of Section 7
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon