|| の目的を理解するJavaScript の非ブール オペランドを持つ演算子

JavaScript では、|| は演算子は論理 OR 演算子と呼ばれることが多く、通常はブール式を評価するために使用されます。ただし、 || が次のような場合に遭遇する可能性があります。演算子は非ブール値で使用されます。

このようなシナリオでは、||演算子は「デフォルト」演算子として動作します。ブール値を返す代わりに、特定のルールに基づいて左または右のオペランドを返します。

キャンバスで描画操作を実行する大規模な JS ライブラリからの次の例を考えてみましょう。

var $time = Date.now || function() {
  return  new Date;
};

この例では、||演算子は、$time 変数に値を割り当てるために使用されます。 Date.now メソッドが Date オブジェクトに存在する場合、それは $time 変数に割り当てられます。それ以外の場合は、現在の時刻を返す匿名関数が代わりに割り当てられます。

この動作を理解する鍵は、OR 演算子がオペランドの最初の真の値または最後の偽の値を返すことを理解することにあります。この場合、Date.now メソッドは真の値 (存在すると仮定) であるため、それが返されます。 Date.now が存在しない場合、匿名関数が真の値となって返されます。

この || の使用法は、デフォルト演算子としての演算子は JavaScript で普及しており、デフォルト値を指定する方法としてその目的に沿っています。たとえば、特定のプロパティが設定されていない場合、これを使用して変数に値を割り当てることができます。

var user = user || { name: "Unknown User" };

|| を理解することで、非ブール値オペランドを使用した演算子の動作を利用すると、その機能を利用して、JavaScript コードで動的かつ多用途の値の割り当てを行うことができます。