「window.parent && 」の 「&&」 ってなんでしょうか？

Question

現在HTML,Javascript（jQuery）,php,cakePHP3を使ってファイルアップロード機能を作っています。

iframeを使ってAjaxのような動きを実現しようと、iframeを勉強中です。
以下サイトを参照しています。
http://blog.yuhiisk.com/archive/2014/12/16/seamless-file-upload.html

その中で
window.parent &&の書き方があるのですが、この&&は何を意味しているのでしょうか？どういった使い方をするのでしょうか？

window.parentは親ウインドウの参照を返すインターフェースだとわかったのですが、
この&&がわかりません。

もしわかる方がいらっしゃればお願い致します。

Answer 1

&& は多くのプログラミング言語と同じく、JavaScript でも短絡評価論理積演算子になっています。
A && B は、A を評価したものと B を評価したものが両方真ならば全体として真になります（ここまでが論理積ということの説明）が、A を評価した時点で偽であることがわかるとどっちにしろ全体は偽になるので B を評価しません (というのが短絡評価)。
模式的に書くと、次のようになります。

if (A) {
  if (B) {
    return true;
  }
}
return false;

参考にされているページには

  window.parent &&
  window.parent.Global &&
  window.parent.Global.sendJSON &&
  window.parent.Global.sendJSON( ... )

と書かれていますが、これは、window.parent.Global.sendJSON() という関数を実行したいのですが、それが存在するかわからないので、「window.parent が存在しなければ何もしないけれど、存在すれば「window.parent.Global が存在しなければ何もしないけれど、存在すれば「window.parent.Global.sendJSON が存在しなければなにもしないけれど、存在すれば「window.parent.Global.sentJSON( ... ) を実行する」」」」とやっていることになります。

Comments

[k499778]

回答ありがとうございます。

この場合で言うと
if(window.parent){
if(window.parent.Global){
if(window.parent.Global.sendJSON){
window.parent.Global.sendJSON( ... )
}
}
}

という書き方と同じという認識であっていますでしょうか？

[think49]

> A && B は、A を評価したものと B を評価したものが両方真ならば全体として真になります
擬似コードとこの説明から想像するに && が true or false を返す演算子とお考えのようですが、A && B は A === false なら A を評価し、A === true なら B を評価して処理は終了します。

[unau]

To: think49 さん
こういうことですね。

var i = 0, j = 0;
console.log( ((i = 2) && j) ); // prints not "false" but "0"
j = 3;
console.log( ((i = 2) && j) ); // prints not "true" but "3"

一つ賢くなりました。ご指摘ありがとうございます！

[k499778]

より深く勉強することができました。ありがとうございます。

Answer 2

A && B

Boolean(A) === true なら B を評価します。
下記コードとほぼ等価です。

if (A) {
  B;
}

あげられたコードは if 文の代わりに && を使用しているようですが、こういうテクニックは視認性が低下するので個人的にはお勧めしません。

Re: k499778 さん

Comments

[k499778]

回答ありがとうございます。

この場合で言うと
if(window.parent){
if(window.parent.Global){
if(window.parent.Global.sendJSON){
window.parent.Global.sendJSON( ... )
}
}
}

という書き方と同じという認識であっていますでしょうか？

[think49]

その認識で正しいと思います。

[k499778]

ありがとうございます。