bad
if (value === "duck" || value === "dog" || value === "cat") { // ... }
good
const options = ["duck", "dog", "cat"]; if (options.includes(value)) { // ... }
function handleEvent(event) { if (event) { const target = event.target; if (target) { // ... } } }
使用提前退出,减少嵌套
function handleEvent(event) { if (!event || !event.target) { return; } // ... }
如果一个函数只有少量几个返回值,但调用方在使用此函数时大概率会将返回的值改名,那就返回数组
bad
const useState = () => { return { state, setState, }; };
good
// 函数 const useState = () => { return [state, setState]; }; // 调用 const [data, setData] = useState();
如果明确知道映射关系,如 TS 类型定义好了。并且没有什么计算逻辑,就可以使 Map 提示代码整洁度。
bad
const getTranslate = (en) => { switch (en) { case "apple": return "苹果"; case "banana": return "香蕉"; case "orange": return "橘子"; } };
good
const translateMap = { apple: "苹果", banana: "香蕉", orange: "橘子", }; const getTranslate = (en) => { return translateMap[en]; };
本文作者:前端小毛
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!