book

Object-Oriented JavaScript - Second Edition

Name: Object-Oriented JavaScript - Second Edition
Author: Stoyan STEFANOV
ISBN: 9781849693127

by Stoyan STEFANOV

July 2013

Intermediate to advanced

382 pages

6h 56m

English

Packt Publishing

Read now

Unlock full access

Object-Oriented JavaScript - Second Edition
Table of Contents
Object-Oriented JavaScript - Second Edition
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Support files, eBooks, discount offers and moreWhy Subscribe?Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for

Conventions
Reader feedback
Customer support
ErrataPiracyQuestions
1. Object-oriented JavaScript
A bit of historyBrowser wars and renaissanceThe presentThe future
ECMAScript 5
Object-oriented programming
ObjectsClassesEncapsulationAggregationInheritancePolymorphism
OOP summary
Setting up your training environment
WebKit's Web InspectorJavaScriptCore on a MacMore consoles
Summary
2. Primitive Data Types, Arrays, Loops, and Conditions
VariablesVariables are case sensitive
Operators
Primitive data types
Finding out the value type – the typeof operatorNumbersOctal and hexadecimal numbersExponent literalsInfinityNaN
Strings
String conversionsSpecial strings
Booleans
Logical operators
Operator precedenceLazy evaluation
Comparison
Undefined and null
Primitive data types recap
Arrays
Adding/updating array elementsDeleting elementsArrays of arrays
Conditions and loops
The if conditionThe else clause
Code blocks
Checking if a variable existsAlternative if syntax
Switch
Loops
While loopsDo-while loopsFor loopsFor-in loops
Comments
Summary
Exercises
3. Functions
What is a function?Calling a functionParametersPredefined functionsparseInt()parseFloat()isNaN()isFinite()Encode/decode URIseval()A bonus – the alert() function
Scope of variables
Variable hoisting
Functions are data
Anonymous functionsCallback functionsCallback examplesImmediate functionsInner (private) functionsFunctions that return functionsFunction, rewrite thyself!
Closures
Scope chainBreaking the chain with a closureClosure #1Closure #2A definition and closure #3Closures in a loopGetter/setterIterator
Summary
Exercises
4. Objects
From arrays to objectsElements, properties, methods, and membersHashes and associative arraysAccessing an object's propertiesCalling an object's methodsAltering properties/methodsUsing the this valueConstructor functionsThe global objectThe constructor propertyThe instanceof operatorFunctions that return objectsPassing objectsComparing objectsObjects in the WebKit consoleconsole.log
Built-in objects
ObjectArrayA few array methodsFunctionProperties of function objectsPrototypeMethods of function objectsCall and applyThe arguments object revisitedInferring object typesBooleanNumberStringA few methods of string objectsMathDateMethods to work with date objectsCalculating birthdaysRegExpProperties of RegExp objectsMethods of RegExp objectsString methods that accept regular expressions as argumentssearch() and match()replace()Replace callbackssplit()Passing a string when a RegExp is expectedError objects
Summary
Exercises
5. Prototype
The prototype propertyAdding methods and properties using the prototype
Using the prototype's methods and properties
Own properties versus prototype propertiesOverwriting a prototype's property with an own propertyEnumerating propertiesisPrototypeOf()The secret __proto__ link
Augmenting built-in objects
Augmenting built-in objects – discussionPrototype gotchas
Summary
Exercises
6. Inheritance
Prototype chainingPrototype chaining exampleMoving shared properties to the prototype
Inheriting the prototype only
A temporary constructor – new F()
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
Mixins
Parasitic inheritance
Borrowing a constructor
Borrow a constructor and copy its prototype
Summary
Case study – drawing shapes
AnalysisImplementationTesting
Exercises
7. The Browser Environment
Including JavaScript in an HTML page
BOM and DOM – an overview
BOM
The window object revisitedwindow.navigatorYour console is a cheat sheetwindow.locationwindow.historywindow.frameswindow.screenwindow.open()/close()window.moveTo() and window.resizeTo()window.alert(), window.prompt(), and window.confirm()window.setTimeout() and window.setInterval()window.document
DOM
Core DOM and HTML DOMAccessing DOM nodesThe document nodedocumentElementChild nodesAttributesAccessing the content inside a tagDOM access shortcutsSiblings, body, first, and last childWalk the DOMModifying DOM nodesModifying stylesFun with formsCreating new nodesDOM-only methodcloneNode()insertBefore()Removing nodesHTML-only DOM objectsPrimitive ways to access the documentdocument.write()Cookies, title, referrer, domain
Events
Inline HTML attributesElement PropertiesDOM event listenersCapturing and bubblingStop propagationPrevent default behaviorCross-browser event listenersTypes of events
XMLHttpRequest
Sending the requestProcessing the responseCreating XMLHttpRequest objects in IE prior to Version 7A is for AsynchronousX is for XMLAn example
Summary
Exercises
8. Coding and Design Patterns
Coding patternsSeparating behaviorContentPresentationBehaviorExample of separating behaviorAsynchronous JavaScript loadingNamespacesAn Object as a namespaceNamespaced constructorsA namespace() methodInit-time branchingLazy definitionConfiguration objectPrivate properties and methodsPrivileged methodsPrivate functions as public methodsImmediate functionsModulesChainingJSON
Design patterns
SingletonSingleton 2Global variableProperty of the ConstructorIn a private propertyFactoryDecoratorDecorating a Christmas treeObserver
Summary
A. Reserved Words
Keywords
Future reserved words
Previously reserved words
B. Built-in Functions
C. Built-in Objects
ObjectMembers of the Object constructorThe Object.prototype membersECMAScript 5 additions to Object
Array
The Array.prototype membersECMAScript 5 additions to Array
Function
The Function.prototype membersECMAScript 5 additions to a function
Boolean
Number
Members of the Number constructorThe Number.prototype members
String
Members of the String constructorThe String.prototype membersECMAScript 5 additions to String
Date
Members of the Date constructorThe Date.prototype membersECMAScript 5 additions to Date
Math
Members of the Math object
RegExp
The RegExp.prototype members
Error objects
The Error.prototype members
JSON
Members of the JSON object
D. Regular Expressions
Index

Content preview from Object-Oriented JavaScript - Second Edition

Exercises

In the previous chapters, the solutions to the exercises could be found in the text of the chapter. This time, some of the exercises require you to do some more reading (or experimentation) outside this book.

BOM: As a BOM exercise, try coding something wrong, obtrusive, user-unfriendly, and all in all, very Web 1.0, the shaking browser window. Try implementing code that opens a 200 x 200 pop up window and then resizes it slowly and gradually to 400 x 400. Next, move the window around as if there's an earthquake. All you'll need is one of the move*() functions, one or more calls to setInterval(), and maybe one to setTimeout()/clearInterval() to stop the whole thing. Or here's an easier one, print the current date/time in the document.title ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781849693127Other

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Object-Oriented JavaScript - Second Edition

by Stoyan STEFANOV

Exercises

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.