避免代码冗余,学会js代码优化技巧

怎样让自己的代码看起来简洁明了,学会以下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);
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值