JavaScript OR（||）変数割り当ての説明

このJavaScriptのスニペットを考えると...

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f = a || b || c || d || e;

alert(f); // 4

誰かがこのテクニックの名前を教えてくれませんか（私の質問はこの質問のタイトルにあると思います！）そしてそれはどのように/なぜ正確に機能するのですか？

私の理解では、変数fには最初の変数の最も近い値（左から右へ）が割り当てられ、nullでも未定義でもない値が割り当てられますが、この手法に関する多くの参照資料を見つけることができず、それがたくさん使われたのを見た。

また、この手法はJavaScriptに固有のものですか？PHPで同様のことを行うと、それ自体fの値ではなく、真のブール値が得られることがわかっていdます。

説明については、短絡評価を参照してください。これらの演算子を実装する一般的な方法です。JavaScriptに固有のものではありません。

これは、変数が偽の場合、デフォルト値、この場合はの値を割り当てるために行われます。yx

JavaScriptのブール演算子はオペランドを返すことができ、他の言語のように常にブール結果を返すとは限りません。

論理OR演算子（||）は、最初のオペランドが偽である場合は2番目のオペランドの値を返し、それ以外の場合は最初のオペランドの値を返します。

例えば：

"foo" || "bar"; // returns "foo"
false || "bar"; // returns "bar"

Falsy値はにそれらの人強制されているfalseブール値のコンテキストで使用されたとき、彼らは0、null、undefined、空の文字列、NaNそしてもちろんfalse。

Javacriptは、論理演算子およびに対して短絡評価を使用||し&&ます。ただし、trueやfalse値ではなく、実行を停止した最後の値の結果を返すという点で他の言語とは異なります。

JavaScriptでは、次の値は偽と見なされます。

• 偽
• ヌル
• "" （空の文字列）
• 0
• ナン
• 未定義

演算子の優先順位ルールを無視して、物事を単純に保ち、次の例は、どの値が評価を停止し、結果として返されるかを示しています。

false || null || "" || 0 || NaN || "Hello" || undefined // "Hello"

最初の5つまでの値NaNは誤りであり、最初の真の値に達するまですべて左から右に評価されます。"Hello"これにより、式全体が真になるため、それ以上の値は評価されず"Hello"、式の結果として返されます。 。同様に、この場合：

1 && [] && {} && true && "World" && null && 2010 // null

最初の5つの値はすべて真実であり、最初の偽の値（null）に達するまで評価されます。これにより、式が偽になり、2010評価されなくなりnull、式の結果として返されます。

あなたが与えた例は、JavaScriptのこのプロパティを使用して割り当てを実行することです。値のセットの中で最初の真または偽の値を取得する必要がある任意の場所で使用できます。このコードは、以下の値が割り当てられます"Hello"にb代わりのif-elseチェックを行うので、それはそれが簡単にデフォルト値を割り当てることが可能と。

var a = false;
var b = a || "Hello";

以下の例をこの機能の悪用と呼ぶことができますが、コードが読みにくくなると思います。

var messages = 0;
var newMessagesText = "You have " + messages + " messages.";
var noNewMessagesText = "Sorry, you have no new messages.";
alert((messages && newMessagesText) || noNewMessagesText);

アラートの内部では、messages誤りがあるかどうかをチェックし、誤りがある場合はnoNewMessagesText評価して戻りnewMessagesTextます。それ以外の場合は評価して戻ります。この例では誤りなので、noNewMessagesTextとalertで停止し"Sorry, you have no new messages."ます。

Javascript変数は型指定されていないため、ブール演算子を介して割り当てられている場合でも、fに整数値を割り当てることができます。

fには、falseと等しくない最も近い値が割り当てられます。したがって、0、false、null、undefinedはすべて渡されます。

alert(null || undefined || false || '' || 0 || 4 || 'bar'); // alerts '4'

魔法はありません。のようなブール式a || b || c || dは遅延評価されます。Interpeterはの値を探しますa。これは未定義なのでfalseなので次に進みます。次にbnullが表示されますが、それでもfalseの結果が出るため、次に進みますc-同じストーリーです。最後にd、「ええ、それはnullではないので、結果が出ました」と表示され、最終的な変数に割り当てられます。

このトリックは、ブール式の遅延短絡評価を行うすべての動的言語で機能します。静的言語ではコンパイルされません（タイプエラー）。ブール式の評価に熱心な言語では、論理値（この場合はtrue）を返します。

この質問はすでにいくつかの良い答えを受け取っています。

要約すると、この手法は、言語のコンパイル方法の機能を利用しています。つまり、JavaScriptはブール演算子の評価を「短絡」し、最初の偽でない変数値または最後の変数に含まれるものに関連付けられた値を返します。falseと評価されるこれらの値のAnuragの説明を参照してください。

この手法を使用することは、いくつかの理由で良い方法ではありません。しかしながら。

1. コードの可読性：これはブール演算子を使用しており、このコンパイル方法の動作が理解されていない場合、期待される結果はブール値になります。
2. 安定性：これは、複数の言語間で一貫性のない言語のコンパイル方法の機能を使用しているため、将来の変更の対象となる可能性があります。

3. 文書化された機能：このニーズを満たし、より多くの言語で一貫している既存の代替手段があります。これは三項演算子になります：

   （）？値1：値2。

三項演算子を使用するには、もう少しタイプする必要がありますが、評価されるブール式と割り当てられる値を明確に区別します。さらに、それを連鎖させることができるため、上記で実行されているデフォルトの割り当てのタイプを再作成できます。

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f =  ( a ) ? a : 
                ( b ) ? b :
                       ( c ) ? c :
                              ( d ) ? d :
                                      e;

alert(f); // 4

出力の最初の真の値を返します。

すべてがfalseの場合、最後のfalse値を返します。

例：-

  null || undefined || false || 0 || 'apple'  // Return apple

新しい変数（z）をx「真実」（ゼロ以外、有効なオブジェクト/配列/関数/それが何であれ）であるか、yそれ以外の値に設定します。これは、デフォルト値を提供する比較的一般的な方法ですxは、存在しない。

たとえば、オプションのコールバックパラメータを取る関数がある場合、何もしないデフォルトのコールバックを提供できます。

function doSomething(data, callback) {
    callback = callback || function() {};
    // do stuff with data
    callback(); // callback will always exist
}

つまり、xが設定されている場合、の値はにzなりますx。それ以外の場合、yが設定されている場合、その値はzの値ます。

それは同じです

if(x)
  z = x;
else
  z = y;

JavaScriptの論理演算子はブール値を返さないため可能ですが、操作を完了するために必要な最後の要素の値（OR文では最初の非false値、AND文では最後の値になります） ）。操作が失敗した場合は、false返されます。

その呼び出された短絡演算子。

短絡評価では、最初の引数が式の値を決定するのに十分でない場合にのみ、2番目の引数が実行または評価されます。OR（||）関数の最初の引数がtrueと評価される場合、全体的な値はtrueでなければなりません。

関数の引数のデフォルト値を設定するためにも使用できます。`

function theSameOldFoo(name){ 
  name = name || 'Bar' ;
  console.log("My best friend's name is " + name);
}
theSameOldFoo();  // My best friend's name is Bar
theSameOldFoo('Bhaskar');  // My best friend's name is Bhaskar`

Xを評価し、Xがnull、空の文字列、または0（論理false）でない場合、それをzに割り当てます。Xがnull、空の文字列、または0（論理false）の場合、yをzに割り当てます。

var x = '';
var y = 'bob';
var z = x || y;
alert(z);

'bob'を出力します。

ビル・ヒギンズのブログ投稿によると、Javascript論理OR割り当てイディオム（2007年2月）、この動作はv1.2以降（少なくとも）

彼はまた、別の使い方（引用）を提案しています：「ブラウザ間の違いを軽量に正規化」

// determine upon which element a Javascript event (e) occurred
var target = /*w3c*/ e.target || /*IE*/ e.srcElement;