详解JavaScript的另类写法

JavaScript 是属于网络的脚本语言！

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。

JavaScript 很容易使用！你一定会喜欢它的！

JavaScript一种解释型的脚本语言，语法灵活，让不同的人对同一个功能有很多种不同的写法。怎样组织JavaScript代码才能让别人一眼看出你不简单呢？是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢？

匿名函数的N种写法

Js的匿名函数是未申明函数名的自执行函数，格式如下：

(function(){})();

实际在项目上我们经常是在前面加上“;”：

;function(){}();

因为Js的语法是可以省略分号的，但是这种机制也会导致意外的错误。为了避免代码上线后合并压缩成一个文件造成语法错误，所以加上“;”可以避免未知错误。

但有时我们看见别人的库或是插件里面会这样写匿名函数：

+function(){}();

“+”在这里是运算符，运算符具有极高的优先级，所以右边的函数声明加上括号的部分（实际上就是函数执行的写法）就直接执行了。其实不止前面可以是“+”号，“-”、“！”、“~”、“++”等运算符均可。这里只是做扩展介绍，具体用哪种写法看团队统一规范。

抛弃Math.ceil()和Math.floor取整

也许在别的代码中看到过这两种符号~~和|0，直接看运行结果：

>> var a1 = 1.23>> ~~a11>> var a2 = 2.345>> a2|02>> var a3 = -3.45>> ~~a3-3>> var a4 = -4.5>> a4|0-4

注明下，这种写法不是原创，只是引用过来分析和说明下这种另类的写法。简单解释，~是按位取反的运算符，可以将浮点数通过舍去小数点后面的所有位来转换为整数。正整数可转换为无符号的十六进制值。然后再取反一次（~~）负负得正，就得到原来的整数。就是这么任性不爱调方法，你说算不算也是一种优化呢。

注意：如果需要做严格的四舍五入运算就要慎用此方法，那就还是得用Math函数。

if和else也不是唯一

用if-else的条件判断是很清晰的逻辑，在处理数据量不大情况下看起就不是很简洁：

if (a===1) { //此处强烈建议用严格等于符号“===”，不会进行类型转换a=2} else if (a===3) {a=4} else {a=5}

看看用||和&&给代码瘦身后：

((a===1)&&(true,a=2))||((a===3)&&(true,a=4))||(a=5)

一行就搞定，瘦身成功。||和&&，很简单的原理就不用说啦，里面用到逗号运算符还不容易理解，可以继续换成三元运算符：