在JavaScript中，函数提升（Function Hoisting）是一种机制，它允许在声明函数之前调用该函数。这是因为函数声明（Function Declarations）会被提升（hoisted）到其作用域的顶部，而函数表达式（Function Expressions）则不会被提升。
示例 1：函数声明提升
// 尝试在声明之前调用函数
foo(); // 正常工作，因为foo函数声明被提升了 function foo() { console.log("Hello, World!");
} // 输出结果: Hello, World!在这个例子中，尽管foo()的调用在foo函数声明之前，但由于函数声明的提升，调用是有效的。
示例 2：函数表达式不提升
// 尝试在声明之前调用函数
bar(); // TypeError: bar is not a function var bar = function() { console.log("Hello, World!");
}; // 如果调用在声明之后，则正常工作
// bar(); // 正常工作在这个例子中，bar()的调用在bar函数表达式之前，这导致了一个错误，因为函数表达式并没有被提升。如果调用被放在声明之后，它将正常工作。
注意事项
- 函数声明提升是JavaScript解析阶段的一部分，这意味着在代码执行之前，所有的函数声明都会被提升到其所在作用域的顶部。
- 函数表达式（包括匿名函数表达式和具名函数表达式）则不会被提升。它们会在代码执行到相应位置时才会被处理。
- 由于函数提升可能导致代码行为变得难以预测，特别是在大型或复杂的项目中，因此建议总是先声明函数，然后再调用它们，以避免依赖提升机制。
- ES6引入的
let和const声明的变量（包括函数）不会被提升，这进一步强调了避免依赖提升机制的重要性。这些变量会被临时死区（Temporal Dead Zone, TDZ）覆盖，在声明之前访问它们会导致引用错误（ReferenceError）。
临时死区的定义
在JavaScript中，使用let或const声明的变量在其声明语句之前的区域内是不可访问的，这个区域被称为临时死区（Temporal Dead Zone, TDZ）。在TDZ内，任何尝试访问这些变量的操作都会抛出ReferenceError。
if (true) { // 尝试在声明之前访问let变量会抛出ReferenceError console.log(x); // ReferenceError: x is not defined let x = 2;
} function test() { // 尝试在声明之前访问const变量也会抛出ReferenceError console.log(y); // ReferenceError: y is not defined const y = 3;
} test();与var的区别
在ES6之前，JavaScript中主要通过var声明变量，但var存在变量提升（hoisting）的问题，即变量可以在声明之前被访问（尽管其值为undefined）。然而，let和const声明的变量不会被提升，且在声明之前的区域（即TDZ）内是不可访问的。
注意事项
- TDZ只影响
let和const声明的变量。var声明的变量不受此影响。 - 在同一个作用域内，
let和const不允许重复声明同一个变量，但var可以。 - TDZ的存在有助于避免一些常见的编程错误，如变量名拼写错误导致的“意外”变量重用。
结论
临时死区是JavaScript中let和const声明的一个关键特性，它确保了变量在声明之前是不可访问的，从而避免了潜在的编程错误和不确定性。这一特性是ES6引入块级作用域和更严格变量声明方式的一部分。