JavaScript 代码优化:提升性能和可读性
{"title":"帮我优化一下这段代码 let changeChoose = (number) => {\n if (number == 0 && choosePhone.value.length == 0) {\n fetchGet('/api/haoka/getPhones', {\n related_id: expenseList.value[number].id\n }).then(res => {\n choosePhone.value = res.data.data.data\n }).catch(res => {\n showFailToast('请求频繁,请稍后重试');\n })\n }\n if (number == 1 && choosePhone2.value.length == 0) {\n fetchGet('/api/haoka/getPhones', {\n related_id: expenseList.value[number].id\n }).then(res => {\n choosePhone2.value = res.data.data.data\n }).catch(res => {\n showFailToast('请求频繁,请稍后重试');\n })\n }\n }内容:优化后的代码如下所示:\n\njavascript\nlet changeChoose = (number) => {\n if (number === 0 && choosePhone.value.length === 0) {\n fetchGet('/api/haoka/getPhones', {\n related_id: expenseList.value[number].id\n })\n .then(res => {\n choosePhone.value = res.data.data.data;\n })\n .catch(res => {\n showFailToast('请求频繁,请稍后重试');\n });\n }\n else if (number === 1 && choosePhone2.value.length === 0) {\n fetchGet('/api/haoka/getPhones', {\n related_id: expenseList.value[number].id\n })\n .then(res => {\n choosePhone2.value = res.data.data.data;\n })\n .catch(res => {\n showFailToast('请求频繁,请稍后重试');\n });\n }\n}\n
\n\n优化点:\n1. 使用严格相等运算符(===)替代相等运算符(==)进行判断;\n2. 添加了对第二个条件的判断,避免不必要的请求和操作重复;\n3. 修复了catch
块中的错误参数名;\n4. 格式化了代码,使其更易读。

原文地址: http://www.cveoy.top/t/topic/p3bB 著作权归作者所有。请勿转载和采集!