func1(); // 输出:我是函数声明
func2(); // 报错
console.log(a); // 输出:undefined
function func1() {
console.log("我是函数声明");
}
var func2 = function() {
console.log("我是函数表达式");
}
var a = 10;123456789101112131415123456789101112131415
因为JS会对函数声明前置,所以func1在函数声明前面执行依旧得到正确答案,而函数表达式func2则报错,为什么?我们先要弄清楚:
JS解释器如何找到我们定义的函数和变量?
通过 变量对象(Variable Object, VO)来获取。VO是一个抽象概念的“对象”,它用于存储执行上下文中的:1. 变量;2. 声明;3. 函数参数。
函数的VO分为两个阶段——变量初始化和代码执行。在变量初始化阶段,VO按照如下顺序填充:
- 函数参数(若未传入,初始化该参数值为undefined)
- 函数声明(若发生命名冲突,会覆盖)
- 变量声明(初始化变量值为undefined,若发生命名冲突,则忽略)