til/difference between nullish coalescing (??) and logical or (||)

Logical OR, ||, uses the right-side value when the left side is falsy (empty string, 0, false, undefined, null). Nullish coalescing, ??, only uses the right-side value when the left side is nullish (null or undefined).

// Logical OR ||
console.log('' || 'default') // 'default'
console.log('test' || 'default') // 'test'

console.log(0 || 'default') // 'default'
console.log(12 || 'default') // 12

console.log(false || 'default') // 'default'
console.log(true || 'default') // true

console.log(undefined || 'default') // 'default'
console.log(null || 'default') // 'default'

// Nullish coalescing ??
console.log('' ?? 'default') // ''
console.log('test' ?? 'default') // 'test'

console.log(0 ?? 'default') // 0
console.log(12 ?? 'default') // 12

console.log(false ?? 'default') // false
console.log(true ?? 'default') // true

console.log(undefined ?? 'default') // 'default'
console.log(null ?? 'default') // 'default'