Prototype | Object-Oriented JavaScript

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

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

Exercises

Create an object called shape that has a type property and a getType() method.
Define a Triangle() constructor function whose prototype is shape. Objects created with () should have three own properties—a, b, c representing the sides of a triangle.
Add a new method to the prototype called getPerimeter().

Test your implementation with this code:

	>>> var t = new Triangle(1, 2, 3);
	>>> t.constructor

Triangle(a, b, c)

	>>> shape.isPrototypeOf(t)

true

	>>> t.getPerimeter()

6

	>>> t.getType()

"triangle"

Loop over t showing only own properties and methods (none of the prototype's).
Make this code work:
```
	>>> [1,2,3,4,5,6,7,8,9].shuffle()
```
[2, 4, 1, 8, 9, 6, 5, 3, 7]

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