Javascript中一些吓唬人的怪异写法
作者:秋了秋 发表时间:2016年10月13日
javascript作为一门弱类型语言,灵活性非常强大,所以每一个人的编程习惯也不尽相同。从而衍生出各种奇葩的写法,在这里说奇葩,其实就是罕见,比较少人这么写,但却又有人这么写,来盘点一下一些js的怪异写法吧,虽然不一定写得好,也不提倡这么做,我们应提倡简洁且易读性强的代码,就为我们看别人糟糕的代码做好知识储备吧。
1.函数前面加感叹号是几个意思
!function a(){ alert("秋叶") }();
在函数前面加个感叹号表示立即执行的意思,不需要调用函数,相当于(function a(){alert("秋叶")})();除了加感叹号,还有加+,-,~一元操作符号以及void,都是表示立即执行的意思,不过返回值不是正常函数返回的undefined,而是其他。
2.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用于声明常量(不再变的变量),也具有块级作用域。
3.写代码之前写个分号是几个意思
;function(){ console.log("you are son of bitch!") };
因为Js的语法是可以省略分号的,但是这种机制也会导致意外的错误。为了避免代码上线后合并压缩成一个文件造成语法错误,所以加上“;”可以避免未知错误。
4.一句话代码是怎么炼成的
((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}
5.~~,|是什么鬼
var a=8.65456459; console.log(~~a);//8 console.log(a|0);//8 console.log(a|3);//11
~~简单来说就是去除小数部分,单纯的去掉,不做四舍五入操作,a|0也是如此,a|0表示把a去除小数部分再加上|右边的数字
6.两个感叹号!!和三个感叹号!!!是什么鬼
if(!!nothing){ console.log("我不知道我是什么类型!"); console.log(!!nothing); }
!!一般用来将后面的表达式转换为布尔型的数据(boolean) 因为javascript是弱类型的语言(变量没有固定的数据类型)所以有时需要强制转换为相应的类型,同样的!!!就是两个感叹号运算的取反。负负得正,正负得负的道理。
你们遇到的一些怪异写法又有哪些呢?