loading...

🔥 Quick Tip: What's the benefit of using - Nullish Coalescing operator

helderburato profile image Helder Burato Berto ・1 min read

On this simple trick, I'll show you the benefit of using Nullish Coalescing - ?? instead of OR - ||.

const user = {
  name: '',
  isDev: undefined,
  isHuman: false,
  age: 0,
};

// Using ?? operator
console.log(user.name ?? 'John Doe'); // => ''
console.log(user.isDev ?? false); // => false
console.log(user.isHuman ?? true); // => false
console.log(user.age ?? 20); // => 0

// ----

// Using || operator
console.log(user.name || 'John Doe'); // => 'John Doe'
console.log(user.isDev || false); // => false
console.log(user.isHuman || true); // => true
console.log(user.age || 20); // => 20

Notice in some cases with different values from null or undefined the operator || isn't get a wanted value.

Note: You can use this feature with babel or another compiler enabling the ES2020 features.

Reference


Did you like it? Comment, share! ✨

Discussion

pic
Editor guide