js_javascript スキルの if ステートメント用のいくつかの最適化コード記述方法

暫定的なテストには使用していませんが、js を美しくすることができることがわかります。 「if文ってそんなに簡単だけど、どこまで最適化できるの？」と思う人もいるかもしれません。しかし、次の方法を検討してみると、考えが変わるかもしれません。

1. 一般的な三項演算子を使用します

コードをコピーします コードは次のとおりです次のように:

if (foo) bar(); else baz();
if (!foo) ; else baz(); ==> foo?baz():bar(); if (foo) return baz(); ();

if ステートメントを最適化するための上記の三項演算子の使用方法はよく知られているので、おそらく頻繁に使用するでしょう。


2. and(&&) および or(||) 演算子を使用します

コードをコピーします コードは次のとおりです:

if (foo) bar() ==>
if (!foo) bar(); => foo | jsで実装することは考えませんでした。

3. 中かっこを省略します {}




コードをコピーします

コードは次のとおりです: if (foo) return bar(); else something(); {if(foo)return bar();something()}

この書き方はあなたも私もよく知っていますが、コードを最適化するとき、または UglifyJS に問題を解決するときにこれを行うことをお勧めします。結局のところ、中括弧が 1 つ欠けていると、コードの可読性は高くありません。

これを書いていて、jQueryの父の「使いこなすJavaScript」にあるHTML要素の属性を取得する方法を思いつきました。

コードをコピー

コードは次のとおりです。 function getAttr(el, attrName){ var attr = {'for':'htmlFor', 'class':'className'}[attrName] ||

;このように、2 つの if ステートメントを使用して処理され、上記のコードは簡潔で効果的であるだけでなく、非常に読みやすいものになっています。

よく考えてみれば、問題を解決するための効果的な方法が見つかることはよくありますが、より良い方法を見つけるために心を使うかどうかが鍵となります。