book

Practical ES6

by Aurelio De Rosa, Kyle Pennell, Nilson Jacques, Craig Buckler, Byron Houwens, Jeff Mott, Sandeep Panda, Graham Cox, Ludovico Fischer, James Wright

May 2018

Intermediate to advanced

190 pages

2h 19m

English

SitePoint

Read now

Unlock full access

Practical ES6
Notice of RightsNotice of LiabilityTrademark NoticeAbout SitePoint
Preface
Who Should Read This Book?Conventions UsedCode SamplesTips, Notes, and Warnings
Chapter 1: New Keywords: let and const
by Aurelio de RosaletconstConclusion
Chapter 2: Using Map, Set, WeakMap, WeakSet
by Kyle PennellSearching for the JavaScript HashMapDownside #1: Keys must be strings in ES5Downside #2: Objects are not inherently iterableDownside #3: Challenges with built-in method collisionsUsing ES6 Map CollectionsCreating a map and using common methodsUsing the Set CollectionWeak Collections, Memory, and Garbage CollectionsWeakMapUse casesPrivate data use caseDOM nodes use caseWeakSetMap All Things? Records vs ES6 CollectionsNew ES6 Collections Yield a More Usable JavaScript
Chapter 3: New Array.* and Array.prototype.* Methods
by Aurelio De RosaArray.from()Array.prototype.find()Array.prototype.findIndex()Array.prototype.keys()Array.prototype.values()Array.prototype.fill()Conclusion
Chapter 4: New String Methods — String.prototype.*
by Aurelio de RosaString.prototype.startsWith()String.prototype.endsWith()String.prototype.includes()String.prototype.repeat()String.raw()Conclusion
Chapter 5: New Number Methods
by Aurelio de RosaNumber.isInteger()Number.isNaN()Number.isFinite()Number.isSafeInteger()Number.parseInt() and Number.parseFloat()ES6 Number Methods: Wrapping Up
Chapter 6: ES6 Arrow Functions: Fat and Concise Syntax in JavaScript
by Kyle PennellWhat Are Arrow Functions?Using Arrow FunctionsBasic Syntax with Multiple Parameters (from MDN)Basic Syntax with One ParameterNo ParametersObject Literal SyntaxUse Cases for Arrow FunctionsPromises and CallbacksGotchas and Pitfalls of Arrow FunctionsMore about thisConstructorsGeneratorsArguments objectHow Much Use Is There for Arrow Functions?
Chapter 7: Symbols and Their Uses
by Nilson JacquesCreating New SymbolsWhat Can I Do With Symbols?Well-known SymbolsThe Global RegistryUse CasesBrowser SupportConclusion
Chapter 8: How to Use Proxies
by Craig BucklerProxy Trap TypesProxy Example 1: ProfilingProxy Example 2: Two-way Data BindingFurther ExamplesProxy Support

Chapter 9: Destructuring Assignment
by Craig BucklerEasier DeclarationVariable Value SwappingDefault Function ParametersReturning Multiple Values from a FunctionFor-of IterationRegular Expression HandlingDestructuring Assignment Support
Chapter 10: ES6 Generators and Iterators: a Developer’s Guide
by Byron HouwensIteratorsGeneratorsCool, so Can I Use Generators and Iterators Now?Conclusions
Chapter 11: Object-oriented JavaScript: A Deep Dive into ES6 Classes
by Jeff MottConstructorsKeep Data PrivatePrivacy with ConventionsPrivacy with Privileged MethodsPrivacy with SymbolsPrivacy with Weak MapsOther Access ModifiersReferring to the Current ObjectStatic Properties and MethodsSubclassesInherit to Avoid DuplicationIS-A and WORKS-LIKE-ABeware OveruseInherit to Substitute SubclassesMore than SugarStatic Properties Are InheritedBuilt-in Constructors Can Be SubclassedMiscellaneousUsing New Features in Imaginative WaysMultiple Inheritance with ProxiesMultiple Inheritance with Class FactoriesConclusion
Chapter 12: Understanding ES6 Modules
by Craig BucklerWhere are Modules in JavaScript?Multiple HTML <script> TagsScript ConcatenationModule LoadersModule Bundlers, Preprocessors and TranspilersES6 ModulesUsing ES6 Modules in BrowsersServer ConsiderationsModule Execution is DeferredModule FallbacksShould You Use Modules in the Browser?Using ES6 Modules in Node.jsShould You Use ES6 Modules in Node.js?Module Melee
Chapter 13: An Overview of JavaScript Promises
by Sandeep PandaOverviewThe APIChaining PromisesHandling ErrorsConclusion
Chapter 14: JavaScript Decorators: What They Are and When to Use Them
by Graham CoxWhat is a Decorator?How to Use JavaScript DecoratorsWhy Use Decorators?Different Types of DecoratorClass member decoratorsClass decoratorsReal World ExamplesCore decoratorsReactMobXSummary
Chapter 15: Enhanced Object Literals
by Craig BucklerObject Initialization From VariablesObject Method Definition ShorthandDynamic Property KeysDestructuring (Variables From Object Properties)Default Function ParametersParsing Returned ObjectsES2018 (ES9) Rest/Spread Properties
Chapter 16: Introduction to the Fetch API
by Ludovico FischerThe Fetch APILoading JSONAsync … awaitHandling ErrorsChange the Request Method and HeadersBringing it all TogetherWhere to Go from Here
Chapter 17: ES6 (ES2015) and Beyond: Understanding JavaScript Versioning
by James WrightThe Early History of JavaScript VersioningThe Birth of ECMAScriptECMAScript 2015 and the Resurgence of Yearly ReleasesThe TC39 ProcessStage 0: StrawmanStage 1: ProposalStage 2: DraftStage 3: CandidateStage 4: FinishedMoving ForwardES2016ES2017ES2018A Final Word
Chapter 18: What’s New in ES2017: Async Functions, Improved Objects, and More
by Craig BucklerThe Update ProcessWhat's New in ES2017Async functionsObject.values()Object.entries()Object.getOwnPropertyDescriptors()padStart() and padEnd() String PaddingTrailing Commas are PermittedSharedArrayBuffer and Atomics
Chapter 19: What’s New in ES2018
by Craig BucklerES2016ES2017ES2018Asynchronous IterationPromise.finally()Rest/Spread PropertiesRegular Expression Named Capture GroupsRegular Expression lookbehind AssertionsRegular Expression s (dotAll) FlagRegular Expression Unicode Property EscapesTemplate Literals Tweak

Content preview from Practical ES6

Chapter 3: New Array.* and Array.prototype.* Methods

by Aurelio De Rosa

In this chapter we’ll discuss most of the new methods available in ES6 that work with the Array type, using Array.* and Array.prototype.*.

When discussing them, I’ll write Array.method() when I describe a “class” method and Array.prototype.method() when I outline an “instance” method.

We’ll also see some example uses and mention several polyfills for them. If you need a polyfill-them-all library, you can use es6-shim by Paul Miller.

Array.from()

The first method I want to mention is Array.from(). It creates a new Array instance from an array-like or an iterable object. This method can be used to solve an old problem with array-like objects that most developers solve using ...

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: 9781492067184Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Practical ES6

by Aurelio De Rosa, Kyle Pennell, Nilson Jacques, Craig Buckler, Byron Houwens, Jeff Mott, Sandeep Panda, Graham Cox, Ludovico Fischer, James Wright