xgracias/chaining and nullish coalescing.md

Created April 20, 2023 15:53

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/xgracias/69e504384fc4e10c45217b4b2fe62f3e.js"></script>
Save xgracias/69e504384fc4e10c45217b4b2fe62f3e to your computer and use it in GitHub Desktop.

80% Cleaner JavaScript Code Using Optional Chaining and Nullish Coalescing

Raw

const book = {
   title:"My Favorite JS Functions",
   author:{
     firstName:"John",
     lastName:"Doe"
   }
}

// (1)
book.author.firstName

// (2)
const authorName = book.author && book.author.firstName
                    ? book.author.firstName
                    : 'Unknown'
                    
// (3)
const authorName = book.author !== undefined
                   && book.author.firstName !== undefined 
                     ? book.author.firstName 
                     : 'Unknown'

// (Chaining)
const authorName = book?.author?.firstName !== undefined
                     ? book.author.firstName 
                     : 'Unknown'
                     
// (Chaining and Nullish Coalescing)
const authorName = book?.author?.firstName ?? 'Unknown'

Reference