Nullish coalescing in JavaScript (??)

My new favourite thing in JS is Nullish coalescing:

The nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.
— Nullish Coalescing Operator

return this.thing1 ?? this.thing2 ?? 'default'

Also works well with the Optional Chaining Operator, which is also great - not more “Uncaught TypeError: Cannot read property ‘thing1’ of undefined”:

return this?.things.?.thing1 ?? this?.things?.['thing2'] ?? 'default'

This is like logical or - || - but instead of testing for truthy & falsy, it tests for nullish - which is often what you want.

Nullish all the things!

References

Debugging with an existing browser instance, or Brave in VSCode: How to use an existing instance of a browser to debug in VSCode - instead of always launching a new one, or use debug in Brave.
Using git hashes in Vite & VueJS: How to use git hashes - or other environment variables in Vite & Vue 3
Promise.allSettled in JavaScript: Sometimes I want to resolve several promises at once, then do something when they're all done. For example, make several API calls, then do something with all the results. Promise.allSettled is a better way to do this.
Fixing apt: Key is stored in legacy trusted.gpg keyring Warnings: How apy keys work, what .source files are and how to fix Key is stored in legacy trusted.gpg keyring Warnings

Nullish coalescing in JavaScript (??)

Tags:

References

Related Posts