JavaScript中函数声明出现在if语句块内属于非标准用法，ES规范禁止但各浏览器实现不一：Chrome/Firefox严格模式报SyntaxError，非严格模式提升至函数作用域，IE则允许块外访问；应改用函数表达式、IIFE或条件赋值等安全方案。
JavaScript中函数声明出现在if语句块内属于**非标准用法**，不同浏览器（尤其是旧版IE与现代引擎）处理方式不一致，容易引发难以调试的行为。ECMAScript规范明确禁止在块级作用域（如if、for、while）中进行函数声明，但历史原因导致各引擎实现分化。
浏览器典型差异表现
以下代码在不同环境中执行结果可能不同：
if (true) {
function foo() { return 'inside'; }
}
console.log(typeof foo); // 'function'？'undefined'？还是报错？
-
Chrome / Firefox（ES6+严格模式下）：直接抛出
SyntaxError，拒绝解析该语法 -
Chrome / Firefox（非严格模式）：函数声明被提升至所在函数作用域顶部，
foo可访问，但行为属于“历史性宽松实现”，不推荐依赖 -
旧版IE（如IE8及更早）：允许声明，且
foo在if块外也可访问，类似变量提升，但逻辑上易混淆 - Edge（旧版EdgeHTML）：部分版本表现接近IE，部分接近现代标准，存在不一致性
为什么会出现差异
根本原因在于ES5及更早版本未明确定义块级函数声明的语义，导致引擎各自实现。ES2015（ES6）引入了块级作用域（let/const），并试图统一函数声明行为，但为兼容旧代码，仍保留了“非严格模式下的宽松处理”这一灰色地带。
关键点：块级函数声明不是真正的块作用域绑定——它既不像let那样受块限制，也不完全等同于var提升，而是各引擎自行解释的“中间态”。
立即学习“Java免费学习笔记（深入）”；
安全替代方案
避免所有不确定性，统一使用以下任一方式：
-
函数表达式 + 变量声明：
if (true) { const foo = () => 'inside'; }（注意：const在块外不可见，符合预期） -
立即执行函数（IIFE）：
if (true) { (function foo() { /*...*/ })(); }，仅在块内生效 -
提前声明 + 条件赋值：
let foo; if (true) foo = () => 'inside'; -
严格模式兜底：在文件或函数顶部加
'use strict';，让不合规声明尽早暴露错误
实际开发建议
即使当前测试通过，也不要假设块内函数声明“能用”。它在模块（import脚本）、严格模式、打包工具（如Webpack/Babel默认开启严格）或未来浏览器版本中大概率失效。
团队协作时，可通过ESLint规则no-inner-declarations强制拦截此类写法，从源头杜绝隐患。
