小技巧系列 — 代码简洁式写法

前言

一个大项目的一个文件的代码就成百上千行，如果采用简洁式写法会使代码变得简洁、更加具有可读性。不仅从细节上提高编程效率，还便于后期查找和修改代码。

代码简洁化

维护一个 Max 值

使用

Math.max(item , max)
复制代码

代替

if(item > max) max = item
复制代码

使用 A ? B : C 选择表达式进行判断

使用

条件 ? 处理方式 1 : 处理方式 2
复制代码

代替

if(条件) 处理方式 1 ; else 处理方式 2
复制代码

例如需求背景是：在用户还没成功获取个人头像之前我们需要给用户渲染一个默认头像出来，这个时候代码的简洁式写法为：

const avatarUrl = getAvatar ? imgUrl : "@/asserts/img/default-avatar.png"
复制代码

值得注意的是：要注意一个等号和两个等号

模板字符串的应用

使用

console.log(`您已完成 &{FinishOrders} 条订单，还有 &{NotFinishOrders} 条订单未完成！`)
复制代码

代替

console.log("您已完成" + FinishOrders + "条订单，还有" + NotFinishOrders + "条订单未完成！")
复制代码

多个方法合并着写

使用

return str.split(" ").reverse().join(" ")
复制代码

代替

var arr = str.split(" ")
arr.reverse()
var s = arr.join(" ")
return s
复制代码