JavaScript中不建议在块级作用域内用function foo() {}声明函数，因其非标准、各浏览器行为不一致，严格模式下直接报SyntaxError；应改用函数表达式、IIFE、提前声明赋值或启用严格模式规避风险。
JavaScript中不建议在块级作用域内用function foo() {}语法声明函数——这不是可靠的写法，各浏览器行为不一致，严格模式下直接报错。
块级函数声明是被允许但不可靠的
ES6规范虽在语法上允许if、for或{}块内写函数声明，但它没强制统一行为。实际执行时，引擎处理方式取决于是否启用严格模式、所用浏览器及版本：
- Chrome/Firefox/Safari（严格模式）：遇到
if (true) { function f() {} }会立即抛SyntaxError，代码无法运行 - 非严格模式下，Chrome/Firefox可能把函数“泄漏”到外层函数或全局作用域，导致块外也能访问
- 旧版IE（如IE8）会无条件挂载到
window，哪怕if(false)也生效 - Safari旧版本可能忽略声明或报
ReferenceError，行为不稳定
为什么不能依赖这种写法
它既不像var那样稳定提升，也不像let那样有明确块作用域，而是处于规范灰色地带：
- 不是真正的块级绑定：函数名可能被注册，但初始化时机和可访问范围由引擎自行决定
- 存在暂时性死区（TDZ）风险：在声明前调用会报错，尤其在严格模式或某些引擎中
- 同名变量易被覆盖：比如
var f = 1; { function f() {} }，块内外f含义可能不同 - 构建工具（如Webpack/Vite）默认启用严格模式，这类代码在现代工程中根本过不了编译
安全、兼容的替代方案
想在块内定义并使用函数，推荐以下明确且跨环境一致的方式：
立即学习“Java免费学习笔记（深入）”；
-
函数表达式 + const/let：
if (ok) { const handler = () => console.log('done'); handler(); }——作用域清晰、无提升、所有引擎行为一致 -
箭头函数：
const calc = (a, b) => a + b;适合简单逻辑，语义简洁 -
IIFE（立即执行函数）：
if (needInit) { (function init() { /* 初始化逻辑 */ })(); }——天然隔离作用域，不污染外部 -
提前声明 + 条件赋值：
let action; if (type === 'save') { action = saveFn; } else { action = loadFn; } action();
开发阶段如何规避风险
不必等上线才发现问题：
- 在文件顶部加
"use strict"，让非法块级函数声明在开发时就暴露为语法错误 - 用ESLint开启
no-inner-declarations规则，自动拦截function出现在块内的写法 - 构建流程中启用模块模式（
<script type="module">），默认启用严格模式，获得标准块级语义
