Inheritance | Object-Oriented JavaScript

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Object-Oriented JavaScript

4.5 (48)

Object-Oriented JavaScript

4.5 (48)

Overview of this book

Object-Oriented JavaScript

Object-Oriented JavaScript

Credits

Credits

About the Author

About the Author

About the Reviewers

About the Reviewers

Preface

Preface

Free Chapter

Introduction

Introduction

A Bit of History

The Winds of Change

The Present

The Future

Object-Oriented Programming

OOP Summary

Setting up Your Training Environment

Using the Firebug Console

Summary

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

Summary

Exercises

Functions

Functions

What is a Function?

Pre-defined Functions

Scope of Variables

Functions are Data

Closures

Summary

Exercises

Objects

Objects

From Arrays to Objects

Built-in Objects

Summary

Exercises

Prototype

Prototype

The prototype Property

Augmenting Built-in Objects

Summary

Exercises

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

object()

Using a Mix of Prototypal Inheritance and Copying Properties

Multiple Inheritance

Parasitic Inheritance

Borrowing a Constructor

Summary

Case Study: Drawing Shapes

Exercises

The Browser Environment

The Browser Environment

Including JavaScript in an HTML Page

BOM and DOM—An Overview

BOM

DOM

Events

XMLHttpRequest

Summary

Exercises

Coding and Design Patterns

Coding and Design Patterns

Coding Patterns

Design Patterns

Summary

Reserved Words

Reserved Words

Keywords

Future Reserved Words

Built-in Functions

Built-in Functions

Built-in Objects

Built-in Objects

Object

Array

Function

Boolean

Number

String

Date

Math

RegExp

Error Objects

Regular Expressions

Regular Expressions

Index

Index

Customer Reviews

4.5 (48)

5 star

66.7%

4 star

22.9%

3 star

4.2%

2 star

4.2%

1 star

2.1%

Exercises

Use the canvas example to practice. Try out different things, for example:

Draw some triangles, squares, and rectangles.
Add constructors for more shapes, such as Trapezoid, Rhombus, Kite, Diamond, and Pentagon. If you want to learn more about the canvas tag, create a Circle constructor too. It will need to overwrite the draw() method of the parent.
Can you think of another way to approach the problem and use some other type of inheritance?
Pick one of the methods that uses uber as a way for a child to access its parent. Add functionality where the parents can keep track of who their children are. Perhaps by using a property that contains a children array?

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Object-Oriented JavaScript

Search

Your notes and bookmarks