Javascript 中的一些看着怪异的写法

javascript 作为一门弱类型语言，灵活性非常强大，所以每一个人的编程习惯也不尽相同。从而衍生出各种奇葩的写法，在这里说奇葩，其实就是罕见，比较少人这么写，但却又有人这么写，来盘点一下一些js的怪异写法吧，虽然不一定写得好，也不提倡这么做，我们应提倡简洁且易读性强的代码，就为我们看别人糟糕的代码做好知识储备吧。

写法一、

函数前面加感叹号？

!function a(){
    alert("何先生")
}();

在函数前面加感叹号是表示立即执行的意思，不需要调用函数，相当于 (function a(){alert("何先生")})(); 除了加感叹号，还有在函数前加 +，-，~ 一元操作符号以及 void，都是表示立即执行的意思，不过返回值不是正常函数返回的 undefined,而是其他。

写法二、

let,const是什么鬼

for(let i=0;i<1000;i++){ 
  let sum=0;
  const name="秋叶"; 
  sum+=i; 
}

这是声明变量的方式，和平常我们使用的var关键字声明相当，不同的是，let 声明是支持块级作用域的，所谓块级就如上面的 for 循环，如果 i 和 sum 用 var 声明的话，那么 for 循环外面也可以访问到这两个变量，而 let 不会，相当于块级的局部变量。而 const 用于声明常量（不再变的变量），也具有块级作用域。

写法三、

写代码之前写个分号（;）

;function(){
   console.log("you are son of bitch!")
};

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

写法四、

一句话代码是怎么炼成的

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

&& 表示前面的代码成立时就运行后面的代码，|| 则刚好相反，表示前面的代码不成立时就运行后面的代码，? 表示前面的代码成立时就运行后面代码冒号 : 前面的代码，不成立时就运行冒号 : 后面的代码,其实都是 if 和 else 的缩写：

if (a===1) {a=2} else if(a===3) {a=4}else{a=5}

写法五、

~~,|是什么鬼？

var a=8.65456459;
console.log(~~a);//8
console.log(a|0);//8
console.log(a|3);//11

~~ 简单来说就是去除小数部分，单纯的去掉，不做四舍五入操作，a|0 也是如此，a|0 表示把 a 去除小数部分再加上 | 右边的数字。

写法五、

两个感叹号 !! 和三个感叹号 !!!

if(!!nothing){
    console.log("我不知道我是什么类型！");
    console.log(!!nothing);
}

!! 一般用来将后面的表达式转换为布尔型的数据 （ boolean ） 因为 javascript 是弱类型的语言（变量没有固定的数据类型）所以有时需要强制转换为相应的类型，同样的 !!! 就是两个感叹号运算的取反。负负得正，正负得负的道理。