一些js小技巧 #34

Posted 4 years ago · 1 mins reading

一直以为这篇已经发过了,结果前两天搜的时候发现搜不到。一直扔在草稿里,今天整理一下之前和最近学到的一些 JS 小技巧

利用位运算取整

利用位运算,与、或、异或、左右移位,& | ^ >> >>> << ,舍去小数点后的数字12jsPerf

js
var a = 6.54321;
console.log(a | 0); //6
console.log(a & 0); //6

按位非非运算也是可以的,所以你也可以用呻吟号把代码写成这样~~a

+ 字符串转换为数字

利用加号 + 将数字字符串转换为数字类型

js
var a = '56789';
var b = +a;
console.log(typeof b); //number
console.log(b); //56789
  • 只能是十进制
  • 如果a是非数字字符串,则会返回NaN

!! 强制转换为布林类型

利用!!将变量类型强制转换为boolean类型

js
var a = 123;
typeof a; //nmuber
typeof !!a; //boolean

避免can not read property ‘xxx’ of null的小技巧

经常会遇到的一个情况是下面的代码会报错can not read property 'c' of null

js
if (a.b.c === 1) {
//do something
}

以前自己的写法以及经常见到的写法是这样

js
if (a && a.b && a.b.c === 1) {
//do something
}

前几天看到一个逼格很高的写法,不过我觉得括号太多了,容易写错,而且也没有上面的那种写法简单。不过还是要记录一下,以免以后见到不知道是什么意思。

js
if (((a || {}).b || {}).c === 1) {
//do something
}

|| 设置默认值

js
function abc(a, b) {
a = a || 1;
b = b || 2;
return a + b;
}
abc(); //3
abc(5); //7

有一些情况下函数中需要设置默认值,经常看到有人的写法是typeof先判断这个参数是不是undefined然后再赋值,这种写法实在是太麻烦了……上面的是懒人写法

感觉善用||&&还是能搞出很多黑科技的。

以上,是为打酱油博客一篇。