非严格模式下函数提升行为为何不同?代码示例引发的疑问
为什么非严格模式下块级函数声明会覆盖后续的全局函数?
先明确两段代码的执行结果:
- 带
"use strict"的代码输出2:严格模式下块级中的函数声明被限定在块作用域内,全局作用域的a是后续声明的返回2的函数。 - 移除严格模式后输出
1:这和预期相反,核心原因是非严格模式下块级函数声明的浏览器兼容行为。
非严格模式下的执行逻辑拆解
非严格模式(ES5及之前)里,规范其实不允许在块级{}内声明函数,但浏览器为了兼容旧代码,做了特殊处理:
- 编译阶段(变量提升):所有函数声明都会被提升到全局作用域顶部。你的代码里两个
function a()都会被提升,后面的return 2的函数会覆盖前面的return 1的函数,此时全局的a指向返回2的函数。 - 执行阶段:
- 当代码执行到块
{ function a() { return 1; } }时,非严格模式下这个块内的函数声明会被当作全局变量赋值,把全局的a重新指向返回1的函数。 - 后续的
function a() { return 2; }属于函数声明,在编译阶段已经处理过,执行阶段会被直接跳过,不会再修改全局的a。
- 当代码执行到块
- 最后执行
console.log(a())时,全局的a已经是返回1的函数,所以输出1。
严格模式的差异
严格模式(ES6+规范明确支持)下,块级内的函数声明会被限定在块作用域中,块外无法访问。所以全局作用域的a始终是后续声明的返回2的函数,最终输出2。
内容的提问来源于stack exchange,提问作者Alexandr
相关产品推荐
相关产品推荐

