在JavaScript中，声明提升（hoisting）是一种特殊的机制，它涉及变量和函数声明的处理方式。在代码执行之前，JavaScript引擎会将所有的变量和函数声明提升到它们所在作用域的顶部。这一机制有助于理解代码的执行顺序，但也可能引发一些意料之外的行为。
变量声明提升
当使用var关键字声明变量时，声明部分会被提升到作用域的顶部，但赋值操作仍然保留在原来的位置。这意味着你可以在声明之前引用变量，但会得到undefined值，因为变量尚未被赋值。
例如：
javascript
console.log(x); // 输出 undefined
var x = 5;
console.log(x); // 输出 5在上面的代码中，变量x的声明被提升到了作用域的顶部，但在第一次console.log(x)调用时，x尚未被赋值，因此输出undefined。
函数声明提升
与变量声明不同，函数声明会被完整地提升到作用域的顶部，包括函数名和函数体。这意味着你可以在函数声明之前调用它，而不会引发错误。
例如：
javascript
foo(); // 输出 "Hello"
function foo() {
console.log("Hello");
}在上面的代码中，函数foo的声明被提升到了作用域的顶部，因此在foo()调用时，函数已经存在并可以被调用。
函数表达式与声明
需要注意的是，只有函数声明会被完全提升，函数表达式则不会。函数表达式实际上是变量声明的一种，其中变量声明会被提升，但赋值操作（即函数体）不会。
例如：
javascript
bar(); // 报错: bar is not a function
var bar = function() {
console.log("World");
};在上面的代码中，变量bar的声明被提升，但在bar()调用时，bar的值仍然是undefined，因为它还没有被赋予函数体。
声明提升的顺序
在JavaScript中，函数声明优先于变量声明进行提升。如果有多个函数声明，它们会按照在代码中出现的顺序进行提升，后声明的函数会覆盖先声明的同名函数。
例如：
javascript
foo(); // 输出 "b"
function foo() {
console.log("a");
}
function foo() {
console.log("b");
}在上面的代码中，两个foo函数声明都被提升，但后声明的函数覆盖了先声明的函数，因此输出结果为"b"。
声明提升的陷阱
尽管声明提升有助于理解代码的执行顺序，但它也可能导致一些陷阱。例如，在控制语句（如if语句）中声明变量时，变量声明仍然会被提升到作用域的顶部，但赋值操作不会。这可能导致在控制语句外部引用变量时得到undefined值。
为了避免这些陷阱，建议在每个作用域开始前声明所有变量，并尽量避免在控制语句中声明变量或函数。
严格模式
在JavaScript的严格模式（strict mode）下，未声明的变量会导致错误。这有助于避免由于声明提升而引发的潜在问题。
javascript
"use strict";
console.log(y); // 报错: y is not defined
var y = 10;在上面的代码中，由于启用了严格模式，未声明的变量y在引用时会引发错误。
