js-代码优化之道

文章讨论了代码应注重可读性,提出了将函数参数化和使用策略模式来改进代码结构。通过将条件判断转化为独立函数和封装变量,遵循职责单一原则,可以提高代码的清晰度和维护性。示例中展示了如何将复杂条件语句重构为更易理解的形式。
摘要由CSDN通过智能技术生成

代码是给人看的,只是顺便在机器执行一下

  1. 提炼函数
  2. 函数参数化

3. 策略模式

function getPrice(tag, price) {
	if(tag ==='z') return price > 50 ? ...
	if(tag === 'm')...
	if(tag === 'l')...
}

改为
const p {
	a(price){ return price > 50 ? ... },
	b(price){},
	c(price){}
}
function getPrice(tag, price){
	return p[tag](price)
}
  1. 加变量 / 减变量 (目的都是易于阅读)
  2. 封装变量, setA 赋值 getA访问
  3. 拆分函数
  4. 一个循环只做一件事? reduce Math.min()
  5. 一个变量只承担一个职责
if(summer()){} // 条件较长就提炼成函数, 起了名字就比较直观

charge = summer() ? summerCharge() : regularCharge();

what where how 是什么? 什么时候用? 怎么用?
JavaScript代码优化之道

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值