当前位置: 秋叶网络博客 前端编程 ◊ Javascript中一些吓唬人的怪异写法

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是弱类型的语言(变量没有固定的数据类型)所以有时需要强制转换为相应的类型,同样的!!!就是两个感叹号运算的取反。负负得正,正负得负的道理。

你们遇到的一些怪异写法又有哪些呢?

0
除非注明,文章均由 秋叶网络博客 发布,欢迎转载。
转载请注明本文地址:http://www.mizuiren.com/461.html
目录: 前端编程 | 标签: javascript | 7776次阅读