初めて JavaScript を学習し始めると、コードを単に機能させるだけではなく、コードを記述することが重要であることにすぐに気づきます。初心者にとって気づかれないことが多い強力な概念の 1 つは、「ショートサーキット」です。これは、コードをより効率的で読みやすくする JavaScript の論理演算の重要な機能です。では、短絡とは正確には何ですか?また、どのように機能するのでしょうか?

短絡とは何ですか?

ショートサーキットは、最初のオペランドが演算の結果をすでに決定している場合に 2 番目のオペランドが評価されない論理演算で発生します。簡単に言うと、論理演算の結果が最初の値によって決定できる場合、JavaScript は 2 番目の値をわざわざチェックする必要すらありません。

JavaScript には、ショートサーキットをサポートする 2 つの論理演算子があります: && (AND) と || （または）。

&& (AND) 演算子による短絡

&& 演算子は、式の両側が true かどうかを確認します。ただし、最初のオペランドが false の場合、結果は関係なく false になるため、2 番目のオペランドをチェックする必要はありません。

例：

const isLoggedIn = false;
const hasAccess = isLoggedIn && someFunction();

console.log(hasAccess); // false

上記の例では、isLoggedIn が false であるため、someFunction() は呼び出されません。 JavaScript は、2 番目の部分を評価しなくても、式全体が false であることを認識します。

|| との短絡(OR) 演算子

||演算子は、少なくとも 1 つの側面が true かどうかをチェックします。最初のオペランドが true の場合、式全体が true になるため、2 番目のオペランドは評価されません。

例：

const userRole = 'admin';
const role = userRole || 'guest';

console.log(role); // 'admin'

ここでは、userRole はすでに真実 ('admin') であるため、JavaScript は 'guest' さえ調べません。ロールの値は「admin」です。

短絡がなぜ役立つのでしょうか?

ショートは単なる巧妙なトリックではありません。これは、よりクリーンで効率的なコードを作成するための実用的なツールです。以下にいくつかの使用方法を示します:

1.デフォルト値:

const name = inputName || 'Guest';

inputName が空または null の場合、名前はデフォルトで「Guest」になります。

2.関数呼び出しの保護:

user && user.sendMessage('Hello!');

これにより、ユーザーが存在する場合にのみ sendMessage が呼び出されるようになります。

3.遅延評価:

const result = complexCondition && performExpensiveOperation();

const result = complexCondition && performExpensiveOperation();

complexCondition が false の場合、負荷の高い操作はスキップされ、リソースが節約されます。

まとめ

ショートサーキットは細かいことのように思えるかもしれませんが、それを理解することでコードをより効率的で読みやすくすることができます。これは JavaScript で頻繁に登場する概念なので、早い段階で慣れておくと、より強力な開発者になれます。ご自身のプロジェクトで試してみてください。おそらく、思ったよりも役立つことが多いでしょう。

覚えておいてください、ショートサーキットの魔法はそのシンプルさにあります。これにより、JavaScript は仕事を完了するのに十分な作業を行うことができ、それ以上でもそれ以下でもありません。開発者として、そのシンプルさを活用する方法を学ぶことは有益です。コーディングを楽しんでください!