Book Image

ECMAScript Cookbook

By : Ross Harrison
Book Image

ECMAScript Cookbook

By: Ross Harrison

Overview of this book

ECMAScript Cookbook follows a modular approach with independent recipes covering different feature sets and specifications of ECMAScript to help you become an efficient programmer. This book starts off with organizing your JavaScript applications as well as delivering those applications to modem and legacy systems. You will get acquainted with features of ECMAScript 8 such as async, SharedArrayBuffers, and Atomic operations that enhance asynchronous and parallel operations. In addition to this, this book will introduce you to SharedArrayBuffers, which allow web workers to share data directly, and Atomic operations, which help coordinate behavior across the threads. You will also work with OOP and Collections, followed by new functions and methods on the built-in Object and Array types that make common operations more manageable and less error-prone. You will then see how to easily build more sophisticated and expressive program structures with classes and inheritance. In the end, we will cover Sets, Maps, and Symbols, which are the new types introduced in ECMAScript 6 to add new behaviors and allow you to create simple and powerful modules. By the end of the book, you will be able to produce more efficient, expressive, and simpler programs using the new features of ECMAScript. ?

Related Content you might be interested in

Current Title:

Small book image
ECMAScript Cookbook
Ross Harrison
Mar, 2018 | 348 pages
Small book image
Learn ECMAScript
Narayan Prusty | MEHUL MOHAN
Feb, 2018 | 298 pages
Table of Contents (20 chapters)
Title Page
Title Page
Copyright and Credits
Copyright and Credits
Dedication
Dedication
PacktPub.com
PacktPub.com
Contributors
Contributors
Preface
Preface
Free Chapter
1
Building with Modules
Building with Modules
Introduction
Installing and configuring - Chrome
Installing and configuring - Firefox
Installing Python, using SimpleHTTPServer to host a local static file server
Creating an HTML page that loads an ECMAScript module
Exporting/importing multiple modules for external use
Renaming imported modules
Nesting modules under a single namespace
2
Staying Compatible with Legacy Browsers
Staying Compatible with Legacy Browsers
Introduction
Installing Node.js with NVM – Linux and macOS
Installing Node.js with NVM: Windows
Installing and configuring webpack
Adding fallback script tags to load client bundles
Shimming methods with Babel Polyfill
Supporting new language features with Babel
Using tools to analyze webpack bundles
3
Working with Promises
Working with Promises
Introduction
Creating and waiting for Promises
Resolving Promise results
Rejecting Promise errors
Chaining Promises
Starting a Promise chain with Promise.resolve
Using Promise.all to resolve multiple promises
Handling errors with Promise.catch
Simulating finally with the promise API
4
Working with async/await and Functions
Working with async/await and Functions
Introduction
Creating promises with an async function
Awaiting the result of async functions
Using async results in a Promise chain
Awaiting multiple results in a series
Awaiting multiple results concurrently
Using Promise.all to collect an array of async results
Handling errors when awaiting an async function
Handling errors thrown inside of Promise.all
Using finally to ensure an operation is performed
5
Web Workers, Shared Memory, and Atomics
Web Workers, Shared Memory, and Atomics
Introduction
Enabling SharedArrayBuffers in Firefox
Enabling SharedArrayBuffers in Chrome
Performing work on separate threads with Web Workers
Sending messages to and from Web Workers
Sending data to a Web Worker
Stopping workers with terminate
Creating SharedArrayBuffer
Sending SharedArrayBuffer to a Web Worker
Reading SharedArray from multiple Web Workers
Using Atomics to coordinate the use of shared memory
Using promises to provide a simple interface for a worker
6
Plain Objects
Plain Objects
Introduction
Using Object.assign to add properties to an object
Using Object.entries to get iterable property-name pairs
Using Object.is to compare two values
Defining function properties as methods on a plain object
Defining read-only props with Object.defineProperty
Overriding read-only props with Object.defineProperty
Creating a non-enumerable property with Object.defineProperty
Creating an object using object structuring
Picking values from an object using destructuring
Using a spread operator to combine objects
7
Creating Classes
Creating Classes
Introduction
Creating a new class
Assigning properties with constructor arguments
Defining methods on a class
Checking instance type with instanceOf
Using getters to create read-only properties
Using setters to encapsulate values
Using static methods to work with all instances
8
Inheritance and Composition
Inheritance and Composition
Introduction
Extending a class
Assigning additional properties with constructor arguments
Overriding parent class instance methods
Overriding parent class static methods
Calling super methods
Using composition rather than inheritance to add behavior
Using mix-ins to add behavior
Passing a class as an argument
Checking class inheritance with Object.getPrototypeOf
Using throw to simulate abstract classes
9
Larger Structures with Design Patterns
Larger Structures with Design Patterns
Introduction
Defining steps with template functions
Assembling customized instances with builders
Replicating instances with factories
Processing a structure with the visitor pattern
Using a singleton to manage instances
Modifying an existing design pattern to fit different use cases
Combining existing design patterns to fit different use cases
10
Working with Arrays
Working with Arrays
Introduction
Using Array#find and Array#filter to find values in an array
Using Array#slice to get a subset of the array
Using Array#every and Array#some to test array values
Using Array.map to produce values
Using Array.reduce to transform data
Extracting array members with destructuring
Getting the head and tail of array using the rest operator
Combining arrays with the spread operator
11
Working with Maps and Symbols
Working with Maps and Symbols
Introduction
Using Symbol to create a local instance
Using Symbol.for to create a global instance
Using Symbol to simulate enums
Setting and deleting entries from Map
Creating a Map from the existing data
Creating a class that wraps Map to work with specific complex types
Setting and deleting entries from WeakMap
Creating a WeakMap from existing data  
Creating a class that uses WeakMap to work with specific complex types
12
Working with Sets
Working with Sets
Introduction
Adding and deleting items from a Set
Creating a Set from existing data
Adding and deleting items from WeakSet
Creating a WeakSet from existing data
Finding the union of two sets
Finding the intersection of two sets
Finding the difference between two sets
Creating a class that wraps a Set to work with more complex types
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think
Index
Index

Installing Node.js with NVM: Windows

Subsequent recipes will assume that Node.js is installed. This recipe demonstrates how to install Node.js for Windows.

Getting ready

This recipe is meant for the Windows environment. See the previous recipe for macOS and Linux instructions.

You must also have git installed. You can download git from the following link:

https://git-scm.com/download/win.

How to do it...

  1. Visit the project release page:https://github.com/coreybutler/nvm-windows/releases.
  2. Download the latest nvm-setup.zip file.
  3. Extract the downloaded ZIP.
  4. Double-click nvm-setup.
  5. Go through the wizard to complete the installation.
  6. Open the Command Prompt.
  7. Confirm the installation by checking the version number of nvm:
> nvm version1.1.6
  1. List all of the Node.js versions available for installation:
> nvm list available
  1. Install the latest LTS or stable version (at time of writing, version 8.9.4 is the latest LTS version):
> nvm install 8.9.46.11.0Downloading node.js version 8.9.4 (64-bit)...CompleteCreating...
Previous Section
End of Section 4
Next Section