Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library 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
Object-Oriented JavaScript

Object-Oriented JavaScript

By : Stoyan STEFANOV
4.5 (48)
Buy this Book
close
close
Object-Oriented JavaScript

Object-Oriented JavaScript

4.5 (48)
By: Stoyan STEFANOV
Buy this Book

Overview of this book

The book requires no prior knowledge of JavaScript and works from the ground up to give you a thorough grounding in this powerful language. If you do already know some JavaScript, you will find plenty of eye-openers as you discover just what the language can do. This book takes a do-it-yourself approach when it comes to writing code, because the best way to really learn a programming language is by writing code. You are encouraged to type code into Firebug's console, see how it works and then tweak it and play around with it. There are practice questions at the end of each chapter to help review what you have learned.
Table of Contents (18 chapters)
close
close
close
Object-Oriented JavaScript
Icon
Object-Oriented JavaScript
Credits
Icon
Credits
About the Author
Icon
About the Author
About the Reviewers
Icon
About the Reviewers
Preface
Icon
Preface
Lock Free Chapter
1
Introduction
Icon
Introduction
Icon
A Bit of History
Icon
The Winds of Change
Icon
The Present
Icon
The Future
Icon
Object-Oriented Programming
Icon
OOP Summary
Icon
Setting up Your Training Environment
Icon
Using the Firebug Console
Icon
Summary
2
Primitive Data Types, Arrays, Loops, and Conditions
Icon
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
Summary
Icon
Exercises
3
Functions
Icon
Functions
Icon
What is a Function?
Icon
Pre-defined Functions
Icon
Scope of Variables
Icon
Functions are Data
Icon
Closures
Icon
Summary
Icon
Exercises
4
Objects
Icon
Objects
Icon
From Arrays to Objects
Icon
Built-in Objects
Icon
Summary
Icon
Exercises
5
Prototype
Icon
Prototype
Icon
The prototype Property
Icon
Augmenting Built-in Objects
Icon
Summary
Icon
Exercises
6
Inheritance
chevron up
Icon
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
object()
Icon
Using a Mix of Prototypal Inheritance and Copying Properties
Icon
Multiple Inheritance
Icon
Parasitic Inheritance
Icon
Borrowing a Constructor
Icon
Summary
Icon
Case Study: Drawing Shapes
Icon
Exercises
7
The Browser Environment
Icon
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
Summary
Icon
Exercises
8
Coding and Design Patterns
Icon
Coding and Design Patterns
Icon
Coding Patterns
Icon
Design Patterns
Icon
Summary
1
Reserved Words
Icon
Reserved Words
Icon
Keywords
Icon
Future Reserved Words
2
Built-in Functions
Icon
Built-in Functions
3
Built-in Objects
Icon
Built-in Objects
Icon
Object
Icon
Array
Icon
Function
Icon
Boolean
Icon
Number
Icon
String
Icon
Date
Icon
Math
Icon
RegExp
Icon
Error Objects
4
Regular Expressions
Icon
Regular Expressions
5
Index
Icon
Index

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 of the common parts. From there, we can have Triangle, Rectangle and Square constructors, all inheriting from Shape. A square is really a rectangle with same-length sides, so let's reuse Rectangle when building the Square.

In order to define a shape, we'll use 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 sides' lengths. 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 the points...

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 6
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