对代码的简洁优化
程序员文章站
2024-03-24 11:54:52
...
对代码的简洁优化
对象赋值
对于每个属性,JavaScript引擎都必须遍历整个对象链,直到找到匹配项。 如果使用不当,这会占用大量资源,并影响应用程序的性能。
const name = res.data.user.firstname + res.data.user.lastname
const user = res.data.user
const name = user.firstname + user.lastname
在上述情况下,userResponse可能不是对象,如果是对象,它的属性 user 也可能不是对象。所以,在获取值时要进行检查:
const user = res?.data?.user
const { firstname = '', lastname = ''} = user
const name = firstname + lastname
多条件使用 Map 而不是 switch / if-else
如果要检查多个条件时,可以使用Map代替 switch/if-else条件。 在Map中查找元素的性能比对switch和if-else条件快得多。
switch (day) {
case 'monday':
return 'workday'
case 'tuesday':
return 'workday'
case 'saturday':
return 'funday'
case 'sunday':
return 'funday'
}
if (
day === 'monday' ||
day === 'tuesday'
)
return 'workday'
else return 'funday'
上面代码可以使用 Map 来代替
const m = new Map([
['monday','workday'],
['tuesday', 'workday'],
['saturday', 'funday'],
['sunday', 'funday']
];
return m.get(day);
先判断空再判断非空效率更高
UserList(list) {
if (!list.length) {
return false;
}
return true;
}
下一篇: 序列化之Hessian序列化