javascript中關於運算子、運算子、｛｝用法詳解

一、使用常見的三元運算子

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

對於以上使用三元運算子來最佳化if語句你肯定不會陌生，或許你常使用它。

<script>
var i=9
var ii=(i>8)?100:9;
alert(ii);
</script>

輸出結果：

100

二、使用and(&&)和or(||)運算子

if (foo) bar(); ==> foo&&bar();
if (!foo) bar(); ==> foo||bar();

三、省略大括號{}

if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

這種寫法你我都很熟悉，建議在程式碼優化的時候這樣做，或是交給UglifyJS幫你解決。畢竟少一個大括號，程式碼的可閱讀性並不高。

寫到這裡，想到jQuery之父在《精通 JavaScript》中的一個取得HTML元素屬性的方法。

function getAttr(el, attrName){
var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
};

如果我們不這樣寫，可能我們需藉助於兩個if語句來進行處理，而上面的程式碼不僅簡潔有效，而且可閱讀性強。

仔細想想，好些時候我們都能找到解決問題的有效途徑，但關鍵在於我們是否用心去尋找更好的途徑。

【javascript技巧】if(x==null)簡寫

#if(x==null)或if (typeof (x) == 'undefined')可以簡寫為if(!x)，未驗證。

反之if(x)表示x非空

判斷物件是否存在

if(document.form1.softurl9){
//判断是否存在softurl9，防止js出错
}

if(document.getElementById("softurl9")){
//判断是否存在softurl9，防止js出错
}

補充：

#javascript || && 簡寫if

<script type="text/javascript"> 
    如果你想写 
    if (!false) 
    { 
        alert(&#39;false&#39;); 
    } 
    不妨考虑写成: 
    false || alert(&#39;false&#39;); 
    false || alert(&#39;false&#39;); true || alert(&#39;true&#39;); //output false; 
    用"||"的情况下,第一个条件true,不检测第二个直接返回true.第一个条件false，会执行第二个条件检测 
    false && alert(&#39;false&#39;); true && alert(&#39;true&#39;); //output true 
    用"&&"的情况下,第一个条件true，还会检测第二个条件。第一个条件false，直接返回false退出。 
    简而言之, 替换 if 的简单实用, ? : 替换 if else的实用。 写短小精悍的代码 
    usage: 
    $("#regform input[type!=hidden]").each( 
        function(index) { 
            $(this).parent().has("p.valid-under").length || $(&#39;<p class="valid-under"></p>&#39;).appendTo($(this).parent()); 
        } 
    );   
</script>

#######

以上是javascript中關於運算子、運算子、｛｝用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！