箭头函数通过隐式返回、词法this和简洁语法间接简化逻辑：单表达式可省return和花括号，自动继承外层this避免bind，高阶函数中提升可读性，但复杂逻辑、递归或需动态this时仍用普通函数。
箭头函数本身不直接“实现逻辑简化”，但它通过隐式返回、词法 this 和更简洁的语法，让代码更紧凑、意图更清晰，从而间接达成逻辑简化的效果。
用隐式返回省略 return 和花括号
当箭头函数体是单个表达式时，可省略 return 关键字和大括号，减少视觉噪音，突出核心计算逻辑。
- 普通函数写法：const double = x => { return x * 2; };
- 简化后：const double = x => x * 2; —— 直接看到“输入 x 得到 x×2”
- 多参数也适用：const sum = (a, b) => a + b;
- 注意：若需返回对象字面量，必须加小括号，否则会被解析为函数体：x => ({ id: x })
避免手动绑定 this，消除冗余上下文处理
在事件处理器、定时器或回调中，传统函数常需 bind(this) 或中间变量（如 const self = this），而箭头函数自动继承外层 this，逻辑更直白。
- 类方法中传给 setTimeout：setTimeout(() => this.handle(), 100); —— 不用再写 this.handle.bind(this)
- React 类组件中定义事件处理：onClick = () => this.setState({ clicked: true }); —— 无需在 constructor 里 bind
- 注意：这仅适用于需要外层 this 的场景；若函数需动态 this（如 jQuery 插件方法），仍应使用普通函数
配合高阶函数提升可读性
在 map、filter、reduce 等操作中，箭头函数让数据转换逻辑一目了然，避免嵌套函数干扰主干流程。
- 过滤偶数：numbers.filter(n => n % 2 === 0);
- 提取用户名：users.map(user => user.name);
- 累加总价：cart.reduce((total, item) => total + item.price * item.qty, 0);
- 链式调用时尤其明显：一行完成转换+筛选+求和，逻辑流向自然
注意边界：不该简化时别硬用
过度追求箭头函数可能导致可读性下降，尤其是复杂逻辑或需调试时。
- 含多步操作、条件分支或副作用（如 console.log、修改外部状态）时，显式写法更稳妥：x => { console.log(x); return x > 0 ? x : -x; }
- 函数需被命名、递归调用或动态 this 时，普通函数更合适
- 团队规范优先：若项目约定工具函数统一用 function 声明，就保持一致
