发布价值信息
Wordpress、Software、VPN。。

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
赞(0)           打赏本站
未经允许不得转载:何先生 » Javascript 中的一些看着怪异的写法
分享到: 更多 (0)

Comments 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 沙发

    很赞

    星空游戏
    3
    1年前 (2017-04-08)回复 Google Chrome 21.0.1180.89| Windows 7 x64| 江苏省连云港市 电信
  2. 板凳

    没有小JJ的来了

    eses
    0
    1年前 (2017-06-06)回复 Google Chrome 58.0.3029.110| Windows 10 x64| 广东省广州市荔湾区 电信

何先生的博客 专注分享 更优质

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

一木禾赚钱网盘:

点击注册