JavaScript中不能在块级作用域安全声明函数，因ES5禁止、ES6未统一行为，严格模式下直接SyntaxError，非严格模式下各浏览器解析不一致，应改用函数表达式、IIFE或条件赋值等可靠方案。
JavaScript 中块级作用域对函数声明的兼容表现，本质不是“怎么写得更好”，而是“为什么不能这么写”——因为函数声明出现在 if、for 或裸 {} 内部，本身就处于规范灰色地带，不同环境解析逻辑冲突，结果不可预测。
块级函数声明不被标准真正支持
ES5 明确规定：函数声明只能出现在脚本顶层或函数体顶层。写在块里（如 if (true) { function f() {} }）属于非标准用法。ES6 虽在语法上放宽了限制，但**未统一运行时行为**，而是把解释权交给了引擎实现，导致各浏览器各行其是：
- 严格模式下（现代浏览器默认、模块脚本、
"use strict"），Chrome 60+、Firefox 57+、Safari 12+、Node.js 直接抛SyntaxError，代码根本无法执行 - 非严格模式下，旧版 Chrome/Firefox 可能将函数“泄漏”到外层函数作用域，
if块外仍能访问；IE8 甚至无视条件，无条件挂载到window - Safari 旧版本可能静默忽略、报
ReferenceError，或在某些嵌套场景下行为突变
它既不是函数提升，也不是块级绑定
块内 function f() {} 的行为模糊不清：
- 名字可能被注册，但初始化时机不确定——不像
var那样稳定提升，也不像let那样明确受 TDZ 约束 - 在声明前调用，有的环境报错，有的返回
undefined，有的直接执行——完全取决于引擎是否“打补丁” - 与同名
var或let共存时，覆盖规则混乱，例如var f; if (true) { function f() {} }，f最终指向什么，各环境答案不同
现代开发中应主动规避
构建工具（Webpack/Vite）、TypeScript、ESLint 默认启用严格模式或强校验，这类代码在开发阶段就会失败。可靠替代方案清晰且语义明确：
立即学习“Java免费学习笔记（深入）”；
-
函数表达式 +
const：if (ok) { const handler = () => console.log('done'); handler(); }——作用域干净、无提升、所有环境一致 -
提前声明 + 条件赋值：
let action; if (type === 'save') action = saveFn; else action = loadFn; action(); -
IIFE 封装逻辑：
if (needInit) { (function init() { /* 私有初始化 */ })(); }——天然隔离，不污染外部 -
启用严格模式兜底：顶部加
"use strict"或使用<script type="module">，让非法语法在写完就暴露
调试时快速识别风险
遇到块内函数声明，不必等上线才发现问题：
- 打开浏览器控制台，粘贴含块内
function的代码，看是否立即报SyntaxError - 用 ESLint 开启
no-inner-declarations规则，自动拦截所有出现在块内的函数声明 - 检查项目配置是否启用模块模式或严格模式——若已启用，这类代码根本不会进入打包流程
不复杂但容易忽略：块级函数声明不是“兼容性问题”，而是设计缺陷的遗留产物。放弃它，不是妥协，而是回归语言本意——让作用域真正可控，让行为真正可预期。
