详解javascript中的变量提升和函数提升

什么是变量提升和函数提升

在JavaScript中，当我们定义变量和函数时，会发生“变量提升”和“函数提升”的现象。变量提升指的是当声明一个变量时，JavaScript会将该声明提升至作用域顶部，也就是在代码中变量声明语句前使用该变量也不会报错。

同理，函数提升指的是在定义函数时，JavaScript也会将该函数提升至作用域顶部，因此在函数定义之前使用该函数也不会报错。

变量提升示例

console.log(x); // 输出 "undefined"
var x = 1;

变量提升的示例中，我们在定义变量 x 之前输出了 x，这个时候会输出一个“undefined”，表示 x 值为“未定义”。这是因为 x 被提升至作用域顶部，但是未赋值。

函数提升示例

foo();
function foo() {
  console.log("函数被执行了");
}

函数提升的示例中，我们在定义函数 foo 之后直接调用了该函数。这个时候函数可以成功执行并输出“函数被执行了”，因为函数被提升至作用域顶部，所以在函数定义之前就可以使用。

需要注意的是，如果使用函数表达式定义函数，那么函数表达式并不会发生函数提升，只有函数声明会发生函数提升。

总结

JavaScript的变量提升和函数提升是在编译阶段发生的，这种行为在其他语言中是不存在的。了解变量提升和函数提升的性质，对于避免代码中的错误和混淆非常有帮助。推荐在代码中始终使用变量和函数的声明语句，以遵守JavaScript的变量提升和函数提升规则。