ヌル値合体演算子 (??)

const foo = null ?? "default string";
console.log(foo);
// 予想される結果: "default string"

const baz = 0 ?? 42;
console.log(baz);
// 予想される結果: 0

leftExpr ?? rightExpr

null || undefined ?? "foo"; // SyntaxError が発生
true && undefined ?? "foo"; // SyntaxError が発生

(null || undefined) ?? "foo"; // "foo" を返す

const nullValue = null;
const emptyText = ""; // falsy
const someNumber = 42;

const valA = nullValue ?? "default for A";
const valB = emptyText ?? "default for B";
const valC = someNumber ?? 0;

console.log(valA); // "default for A"
console.log(valB); // "" （空文字列は null でも undefined でもないため）
console.log(valC); // 42

let foo;

// foo には何も値が代入されていないので、undefined のままです
const someDummyText = foo || "Hello!";

const count = 0;
const text = "";

const qty = count || 42;
const message = text || "hi!";
console.log(qty); // 42 であり 0 ではない
console.log(message); // "hi!" であり "" ではない

const myText = ""; // 空文字列（すなわち偽値でもある）

const notFalsyText = myText || "Hello world";
console.log(notFalsyText); // Hello world

const preservingFalsy = myText ?? "Hi neighborhood";
console.log(preservingFalsy); // '' （myText は undefined でも null でもない）

function a() {
  console.log("a が呼び出されました");
  return undefined;
}
function b() {
  console.log("b が呼び出されました");
  return false;
}
function c() {
  console.log("c が呼び出されました");
  return "foo";
}

console.log(a() ?? c());
// "A が呼び出されました"、 "C が呼び出されました" のあと "foo" と出力
// A() は undefined を返すため、両方の式が評価されるため

console.log(b() ?? c());
// "B が呼び出されました" のあと "false" と出力
// B() は false を返すため（そして null も undefined も返さない）、
// 右辺の式は評価されない

const foo = { someFooProp: "hi" };

console.log(foo.someFooProp?.toUpperCase() ?? "not available"); // "HI"
console.log(foo.someBarProp?.toUpperCase() ?? "not available"); // "not available"