5 Modern JavaScript Features Every Developer Should Be Using

JavaScript continues to evolve at a breakneck pace. If you’re still writing code the way you did five years ago, you’re missing out on features that can make your applications significantly more robust and your codebase cleaner.

1. Optional Chaining (?.)

Tired of writing deep, nested if statements just to check if an object property exists before accessing it? Optional chaining solves this elegantly.

Instead of if (user && user.profile && user.profile.name), you can simply write user?.profile?.name. If any part of the chain is null or undefined, it safely returns undefined without throwing an error.

2. Nullish Coalescing (??)

The logical OR operator (||) is often used to provide default values, but it can cause bugs if your variable is a valid falsy value (like 0 or "").

Nullish coalescing only provides the fallback if the value is strictly null or undefined. For example: let count = score ?? 10; ensures that a score of 0 remains 0.

3. Top-Level Await

You no longer need to wrap your entire file in an async Immediately Invoked Function Expression (IIFE) just to fetch some initial data. Modern ES modules support await directly at the top level of your script.

4. Promise.allSettled()

While Promise.all() is great, it fails entirely if just one promise rejects. If you need all promises to finish regardless of success or failure (e.g., fetching data from three different APIs where one might be down), Promise.allSettled() is the tool for the job.

5. Object.hasOwn()

The modern, safer replacement for Object.prototype.hasOwnProperty.call(). It’s a cleaner way to check if an object has a specific property directly.

Start integrating these into your daily coding habits to write more modern, defensive, and readable JavaScript!