变量提升是指在 JavaScript 中,变量和函数的声明会在代码执行前被提前到它们所在作用域的顶部。这意味着可以在声明之前使用这些变量和函数,因为它们已经被“提升”到了作用域的顶部。
变量提升包括两个方面:变量的提升和函数的提升。
1. 变量提升:
在 JavaScript 中,使用 var
关键字声明的变量会被提升。这意味着无论在哪里声明变量(函数内部或代码块内部),它们都会被提升到当前作用域的顶部。但是,只有变量的声明会被提升,而赋值操作仍然会保留在原来的位置。这意味着在变量声明之前使用变量时,它的值会是 undefined
。
例如:
console.log(myVariable); // 输出 undefined
var myVariable = 10;
上述代码在执行时会被解释为:
var myVariable; // 变量声明提升
console.log(myVariable); // 输出 undefined
myVariable = 10; // 变量赋值
2. 函数提升:
在 JavaScript 中,函数声明也会被提升,这意味着可以在函数声明之前调用函数。与变量的提升不同,整个函数定义都会被提升,包括函数名和函数体。这使得我们可以在函数定义之前使用函数。
例如:
myFunction(); // 调用函数
function myFunction() {
console.log("Hello, world!");
}
上述代码在执行时会被解释为:
function myFunction() {
console.log("Hello, world!");
}
myFunction(); // 调用函数
需要注意的是,在使用 let
或 const
关键字声明变量时,它们也会被提升到作用域顶部,但是在变量被声明之前使用它们会抛出一个 ReferenceError
异常,而不是返回 undefined
。因此,建议在使用变量之前先进行声明。