🔥 JavaScript Syntactic Sugar 🍭

javascript_tips_01.js

// Nullish coalescing operator with conditional chaining

let alien = {
  isAware: true,
  location : {
    planet: "C435",
    distance: 30 // light years
  }
};
const alienGreeting = alien?.name ?? "Welcome Stranger!";
console.log(alienGreeting); // Welcome Stranger!

javascript_tips_02.js

// Stacking the optional chaining operator

let alien = {
  isAware: true,
  location : {
    planet: "C435",
    distance: 30 // light years
  },
  travel: flyTheShip()
};
let travelLocation = alien.location?.distance; // true
let travelLocation = alien.location?.galaxy?.name; // false

// It's also possible to evoke method while chaining
let galaxyName = alien.location?.galaxy?.getName.(); // method does not exist, galaxyName is undefined