Detailed explanation on the usage of operators, operator, and {} in javascript

1. Use the common ternary operator

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();

You will definitely be familiar with the above use of the ternary operator to optimize if statements, maybe you use it often.

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

Output result:

100

2. Use the and(&&) and or(||) operators

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

3. Omit the braces {}

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

You and I are familiar with this writing method. It is recommended to do this when optimizing the code, or leave it to UglifyJS to help you solve it. After all, if there is one missing curly bracket, the readability of the code is not high.

Writing this, I thought of a method for obtaining HTML element attributes in "Mastering JavaScript" by the father of jQuery.

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

If we don't write it this way, we may need to use two if statements to process it. The above code is not only concise and effective, but also highly readable.

If you think about it carefully, many times we can find effective ways to solve problems, but the key lies in whether we use our heart to find a better way.

【javascript skills】if(x==null) abbreviation

if(x==null) or if (typeof (x) == 'undefined') It can be abbreviated as if(!x), which is not verified.

On the contrary if(x) means x is not empty

Judge whether the object exists

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

Supplement:

javascript || && abbreviation if

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

The above is the detailed content of Detailed explanation on the usage of operators, operator, and {} in javascript. For more information, please follow other related articles on the PHP Chinese website!