怎样让自己的代码看起来简洁明了,学会以下js代码优化技巧。目前整理的这些在开发中是很常见的,还有很多会在后面慢慢补充:
1.反转字符串:
const reverse = str => str.split('').reverse().join('');
2.保留小数点位数:
//n数值,fixed保留位数
const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
3.滚动到页面顶部:
const goToTop = () => window.scrollTo(0, 0);
4.多条件if判断
// 冗余
if (x === ‘abc’ || x === ‘def’ || x === ‘ghi’ || x ===‘jkl’) {}
// 简洁
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {}
5.if…else…
// 冗余
let test: boolean;
if (x > 100) {
test = true;
} else {
test = false;
}
// 简洁
let test = x > 10;
6.switch语句判断
// 冗余
switch (data) {
case 1:
test1();
break;
case 2:
test2();
break;
case 3:
test();
break;
// so on…
}
// 简洁
var data = {
1: test1,
2: test2,
3: test
};
data[anything] && data[anything]();
7.重复字符串多次:
// 冗余
let test = ‘’;
for(let i = 0; i < 5; i ++) {
test += 'test ';
}
// 简洁
'test '.repeat(5);