Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Professional JavaScript for Web Developers

You're reading from   Professional JavaScript for Web Developers Discover an easy-to-learn guide to upgrade your JavaScript skills

Arrow left icon
Product type Paperback
Published in Nov 2019
Publisher Wiley
ISBN-13 9781119366447
Length 1144 pages
Edition 4th Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Matt Frisbie Matt Frisbie
Author Profile Icon Matt Frisbie
Matt Frisbie
Arrow right icon
View More author details
Toc

Table of Contents (37) Chapters Close

COVER FREE CHAPTER
FOREWORD
INTRODUCTION 1 What Is JavaScript? 2 JavaScript in HTML 3 Language Basics 4 Variables, Scope, and Memory 5 Basic Reference Types 6 Collection Reference Types 7 Iterators and Generators 8 Objects, Classes, and Object-Oriented Programming 9 Proxies and Reflect 10 Functions 11 Promises and Async Functions 12 The Browser Object Model 13 Client Detection 14 The Document Object Model 15 DOM Extensions 16 DOM Levels 2 and 3 17 Events 18 Animation and Graphics with Canvas 19 Scripting Forms 20 JavaScript APIs 21 Error Handling and Debugging 22 XML in JavaScript 23 JSON 24 Network Requests and Remote Resources 25 Client-Side Storage 26 Modules 27 Workers 28 Best Practices A ES2018 and ES2019 B Strict Mode C JavaScript Libraries and Frameworks D JavaScript Tools INDEX
END USER LICENSE AGREEMENT

CLOSURES

The terms anonymous functions and closures are often incorrectly used interchangeably. Closures are functions that have access to variables from another function's scope. This is often accomplished by creating a function inside a function, as in the following highlighted lines from the previous createComparisonFunction() example:

function createComparisonFunction(propertyName) {         
 return function(object1, object2) {
  let value1 = object1[propertyName];
  let value2 = object2[propertyName];

  if (value1 < value2) {
   return -1;
  } else if (value1> value2) {
   return 1;
  } else {
   return 0;
  }
 };
}

The highlighted lines in this example are part of the inner function (an anonymous function) that is accessing a variable (propertyName) from the outer function. Even after the inner function has been returned and is being used elsewhere, it has access to that variable. This occurs because the inner function's scope chain includes the scope of createComparisonFunction...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime