OR演算子を使ったデフォルト値の設定

コメントでe–reiさんより以下のようにOR演算子（||）についての質問をいただいたので解説してみます。

JQuery,MooTools,他多数ライブラリ内部で （例） 1 :var SomeClass = Class.create(); 2 :SomeClass.prototype = { 3 : initialize: function(options){ 4 : Object.extend( 5 : this, 6 : Object.extend({ 7 : property1: 1, 8 : property2: 2 9 : }, options || {}); 10: ); 11: } 12:}; の様なソースがあったとして、 ９行目の”options || {}”様な書き方がされているのをよく見るのですが、 これはどの様な読み方なのでしょうか。

OR演算子（論理和演算子・Logical OR Operator）は通常、if文の中で左右のどちらかがtrueであればtrueと判定したい場合に使います。

if (a < 1 || b > 2) {
  //aが1未満、またはbが２より大きい場合に実行されるスクリプト
}

質問のような使い方をする場合は||の動作について知っておく必要があります。||があった場合以下のように処理されます。

1. まずは左側の式がtrueかどうか調べる
2. 左側の式がtrueの場合は左側の式をそのまま返す
3. 左側の式がfalseの場合は右側の式がtrueかどうか調べる
4. 右側の式がtrueの場合は右側の式をそのまま返す
5. 両方ともfalseならfalseを返す

この性質を利用すると特定の変数がundefindなど設定されていなかった場合、他の値を使うということができます。

var foo = bar || 0;

このように書くとbarがtrueの場合（つまり値が設定されているなどの場合）はbarの値を、undefindなど設定されていない場合は0を使うことになります。デフォルト値を設定する際に使うと便利です。もちろん同じ式をif文を使って書くこともできますが、だいぶ長くなってしまいます。

var foo;
if (bar) {
  foo = bar;
} else {
  foo = 0;
}

質問でいただいた”options || {}”はoptionsがあればそれを使い、なければ空のオブジェクトを使うという意味になります。

参考：オライリー JavaScript 第5版 5.7.2 論理和演算子（||）