jqueryの「&&」について

Question

あるサイトのjsファイルを勉強で眺めていたのですが、そこによくわからない構文？記述がありました。

Object.on("resize", function() {
  var e = $("#aaa");
  e.size() > 0 && (clearTimeout(b),
  何かしらの処理,
  b = setTimeout(function() {
    何かしらの処理
  }, 200))
}),

オブジェクトをリサイズしたときに動作するものなのでしょうが、その中の「e.size() > 0 && (clearTimeout(b),…)」がわかりません。

なぜ条件文でもなさそうなのに「&&」が使われているのでしょうか？

Answer 1

JavaScriptの&&は、「前半がfalseだった場合、後半の評価をしない」という仕様になっています。

これを利用して、

//before

if(a){
  b();
  c();
}

//after

a&&(b(),c());

というようにコードを短縮することができます。手で書くことは多くないでしょうけど、圧縮ツールを使うと自動でこんな形になることがあります。

Comments

[abababa03]

早速のご回答ありがとうございます！
圧縮ツールでこのような記述になるんですね、知らなかったです！

Answer 2

IFの省略記法ですね、読みづらいのであまり使わない方がよいかもですね。

if(e.size() > 0)
↓
e.size() > 0 &&

参考
http://leaf.argyr.net/javascript/short-coding/

Comments

[abababa03]

ご回答ありがとうございます！
ifの省略は三項演算子しか知らなかったので、リンク非常に参考になりました！