应避免在if、for等块级语句内声明函数，因其违反ECMAScript规范且引擎行为不一致；推荐改用函数表达式+let/const、IIFE封装、顶层定义+条件调用，并配合严格模式与ESLint拦截。
直接放弃在 if、for 等块级语句内部写函数声明（如 if (x) { function foo() {} }），这是最根本的规避方式。这种写法既不符合 ECMAScript 规范，又在 Chrome/Firefox（严格模式）报语法错误、IE 全局提升、Safari 行为不一致——不是“适配差异”，而是本就不该存在。
改用函数表达式 + 块作用域变量
函数表达式不会被提升，配合 let 或 const 可精确控制生命周期和可见性，所有现代引擎行为完全一致：
- 需要在块内定义并立即使用：
if (isOnline) { const send = () => api.post(data); send(); } - 需要在块外调用：提前声明变量，运行时赋值
let handler; if (env === 'dev') handler = () => console.debug('dev'); else handler = () => console.info('prod'); - 避免在声明前调用——这不是缺陷，而是对“提升陷阱”的天然防御
用 IIFE 封装条件逻辑组
当分支内含多个函数、局部变量或初始化步骤时，IIFE 提供干净的私有作用域，无命名污染、无提升风险，适合一次性执行：
if (supportsWebP) { (function initWebPDecoder() { loadLib('webp.js'); decodeFrame = webp.decode; })(); }if (needsPolyfill) { (function addFetchPolyfill() { if (!window.fetch) window.fetch = legacyFetch; })(); }- 执行完即释放，不占用外部变量名，也无需考虑重复定义
顶层定义 + 运行时条件调用
把函数声明放在模块顶层（符合标准），用 if 控制执行时机。逻辑清晰、可调试、易测试，也支持参数传递与返回值处理：
function renderChart() { /* 绘图逻辑 */ } function renderPlaceholder() { /* 占位逻辑 */ } if (hasData) renderChart(); else renderPlaceholder();- 函数可复用：同一函数可在多个条件分支中被调用，也可被单元测试直接覆盖
- 便于添加日志、性能标记或错误边界，比如
try { renderChart(); } catch (e) { fallback(); }
用严格模式 + ESLint 主动拦截
即使团队有人误写块级函数声明，也能在开发阶段就被阻断：
- 文件顶部加
'use strict';，Chrome/Firefox 在解析阶段直接抛SyntaxError - ESLint 启用
no-redeclare和no-shadow，配合eslint-plugin-no-undef检测非法函数名引用 - CI 流程中配置检查失败即拒绝合并，从源头杜绝非标代码流入主干
