The JavaScript ecosystem is constantly evolving, with new features introduced regularly through the ECMAScript specification. With each update, browsers, Node.js, and other environments take their time to implement these changes, and as a result, some powerful features may slip past your radar. But it’s never too late to catch up. In this article, we’ll focus on a few notable improvements that arrived in ECMAScript 2020 (also known as ES11), which introduced a range of features designed to enhance code simplicity, performance, and readability.
Optional Chaining
One of the most user-friendly features introduced in ES11 is optional chaining. This addition simplifies working with deeply nested objects or functions where intermediate values could be null or undefined. Before optional chaining, you had to write lengthy checks to avoid runtime errors, such as if (obj && obj.property && obj.property.method). Now, with optional chaining, you can use a concise syntax like obj?.property?.method(), which will return undefined if any part of the chain is null or undefined, preventing unnecessary errors. This makes code cleaner, less error-prone, and easier to maintain, especially in complex data structures.
Nullish Coalescing Operator
Another important feature is the nullish coalescing operator (??), which works hand in hand with optional chaining. It allows you to assign default values to variables only if they are null or undefined, avoiding unintended overwrites when dealing with falsy values like 0, false, or NaN. For example, instead of writing x = (value !== undefined && value !== null) ? value : defaultValue;, you can now simply write x = value ?? defaultValue;. This small change can drastically simplify conditional assignments, making your code more intuitive.
BigInt
For applications that require handling large numbers beyond JavaScript’s number range (i.e., numbers greater than 2^53 - 1 or less than -(2^53 - 1)), ES11 introduces BigInt. This new data type allows you to work with arbitrarily large integers without losing precision, making it invaluable in fields like cryptography, financial applications, and scientific computing. To create a BigInt, you can append n to an integer literal, like 123456789012345678901234567890n, or use the BigInt() function.
Promise.allSettled()
Another addition that improves working with asynchronous code is Promise.allSettled(). This method allows you to wait for all promises to settle (either resolve or reject) without having to handle individual outcomes. It returns a promise that resolves after all promises in the input array have settled, providing an array of results, each containing a status (either “fulfilled” or “rejected”) and the corresponding value or reason. This is particularly useful when you need to perform some action after a set of asynchronous operations completes, regardless of success or failure.
Conclusion
JavaScript’s ever-expanding feature set continues to make development smoother and more efficient. The additions in ES11, such as optional chaining, the nullish coalescing operator, BigInt, and Promise.allSettled(), bring significant improvements to everyday coding challenges. As new features become available, it’s important to stay informed and experiment with them in your projects. These changes not only improve the ergonomics of JavaScript but also allow you to write cleaner, more reliable code. Keep exploring and integrating these new tools to stay ahead in the fast-moving world of JavaScript development.