book

Object-Oriented JavaScript - Third Edition

Name: Object-Oriented JavaScript - Third Edition
ISBN: 9781785880568

by Stoyan STEFANOV, Ved Antani

January 2017

Beginner to intermediate

550 pages

10h 6m

English

Packt Publishing

Read now

Unlock full access

Object-Oriented JavaScript - Third Edition
Object-Oriented JavaScript - Third Edition
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Why subscribe?
Customer Feedback
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
Strict mode in ES6
ECMAScript 6
Browser support for ES6Babel
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 numbersBinary LiteralsExponent literalsInfinityNaNNumber.isNaNNumber.isIntegerStringsString conversionsSpecial stringsString template literalsBooleansLogical operatorsOperator precedenceLazy evaluationComparisonUndefined and nullSymbols
Primitive data types recap
Arrays
Adding/updating array elementsDeleting elementsArrays of arrays
Conditions and loops
Code blocksThe if conditionThe else clauseChecking if a variable existsAlternative if syntaxSwitchDon't forget to breakLoopsWhile loopsDo-while loopsFor loopsFor...in loops
Comments
Exercises
Summary
3. Functions
What is a function?Calling a functionParameters
Default parameters
Rest parameters
Spread operators
Predefined functionsparseInt()parseFloat()isNaN()isFinite()Encode/decode URIseval()A bonus - the alert() function
Scope of variables
Variable hoisting
Block scope
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 and setterIterator
IIFE versus blocks
Arrow functions
Exercises
Summary
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 consoleLogging using the console.log methodES6 object literals
Object properties and attributes
ES6 object methods
Copy properties using Object.assignCompare values with Object.is
Destructuring
Built-in objects
ObjectArrayA few array methods
ES6 array methods
Array.fromCreating arrays using Array.ofArray.prototype methodsFunctionProperties of function objectsUsing the prototype propertyMethods of function objectsCall and applyThe arguments object revisited
Lexical this in arrow functions
Inferring 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
Exercises
Summary
5. ES6 Iterators and Generators
For...of loop
Iterators and iterables
IteratorsIterables
Generators
Iterating over generators
Collections
MapIterating over mapsConverting maps to arraysSetWeakMap and WeakSet
Summary
6. 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 propertiesUsing isPrototypeOf() methodThe secret __proto__ link
Augmenting built-in objects
Augmenting built-in objects - discussionPrototype gotchas
Exercises
Summary
7. 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
Using object() method
Using a mix of prototypal inheritance and copying properties
Multiple inheritance
Mixins
Parasitic inheritance
Borrowing a constructor
Borrowing a constructor and copying its prototype
Case study - drawing shapes
AnalysisImplementationTesting
Exercises
Summary
8. Classes and Modules
Defining classesConstructorPrototype methodsStatic methodsStatic propertiesGenerator methods
Subclassing
Mixins
Modules
Export lists
Summary
9. Promises and Proxies
Asynchronous programming model
JavaScript call stack
Message queueEvent loopTimersRun to completionEventsCallbacks
Promises
Creating promisesPromise.all()Metaprogramming and proxiesProxyFunction traps
Summary
10. The Browser Environment
Including JavaScript in an HTML page
BOM and DOM - an overview
BOM
The window object revisitedUsing window.navigator propertyYour console is a cheat sheetUsing window.location propertyUsing window.history propertyusing window.frames propertyUsing window.screen propertywindow.open()/close() methodwindow.moveTo() and window.resizeTo() methodswindow.alert(), window.prompt(), and window.confirm() methodsUsing window.setTimeout() and window.setInterval() methodswindow.document property
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 methodUsing cloneNode() methodUsing insertBefore() methodRemoving nodesHTML - only DOM objectsPrimitive ways to access the documentUsing document.write() methodCookies, title, referrer, and 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
Exercises
Summary
11. 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 functionsModulesChainingJSONHigher order functions
Design patterns
Singleton patternSingleton 2 patternGlobal variableProperty of the constructorIn a private propertyFactory patternDecorator patternDecorating a christmas treeObserver pattern
Summary
12. Testing and Debugging
Unit testingTest Driven DevelopmentBehavior Driven DevelopmentMocha, Chai and Sinon
JavaScript debugging
Syntax errorsUsing strictRuntime exceptionsConsole.log and assertsChrome Developer Tools
Summary
13. Reactive Programming and React
Reactive programmingWhy should you consider reactive programming?
React
Virtual DOM
Installing and running react
Components and propsStateLife cycle events
Summary
A. Reserved Words
Keywords
ES6 reserved words
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 objects
ES6 addition to objects
Property shorthandComputed property namesObject.assign
Array
The Array.prototype membersECMAScript 5 additions to ArrayES6 addition to arrays
Function
The Function.prototype membersECMAScript 5 additions to a FunctionECMAScript 6 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 StringECMAScript 6 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
E. Answers to Exercise Questions
Chapter 2, Primitive Data Types, Arrays, Loops, and ConditionsExercises
Chapter 3, Functions
Exercises
Chapter 4, Objects
Exercises
Chapter 5, Prototype
Exercises
Chapter 6, Inheritance
Exercises
Chapter 7, The Browser Environment
Exercises

Content preview from Object-Oriented JavaScript - Third 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 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

Object-Oriented JavaScript - Second Edition

Publisher Resources

ISBN: 9781785880568

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Object-Oriented JavaScript - Third Edition

by Stoyan STEFANOV, Ved Antani

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.