在JavaScript中，函数定义提升（Function Hoisting）和变量提升（Variable Hoisting）是两个重要的概念，它们影响了JavaScript代码的执行顺序。下面，我们将详细探讨这两个概念，并解释它们是如何影响JavaScript程序的。
函数定义提升
函数定义提升是JavaScript的一个特性，它允许你在函数声明之前调用该函数。这是因为在JavaScript中，函数声明会被提升到其所在作用域的顶部。函数声明包括函数表达式和函数声明语句。
函数声明
sayHello(); // 输出: Hello
function sayHello() {
console.log('Hello');
}
在上面的例子中，即使sayHello函数定义在调用它的下面，它仍然可以正常工作。这是因为函数声明被提升到了作用域的顶部。
函数表达式
sayHello(); // 抛出错误: sayHello is not a function
var sayHello = function() {
console.log('Hello');
};
对于函数表达式，由于它是一个变量赋值操作，它不会被提升到作用域的顶部。因此，如果在函数表达式之前调用它，将会抛出错误。
变量提升
与函数提升类似，变量声明也会被提升到其所在作用域的顶部。这意味着你可以在声明变量之前使用它，但此时变量的值为undefined。
变量声明
console.log(age); // 输出: undefined
var age = 25;
在上面的例子中，尽管age变量在声明之前被访问了，但由于变量提升，它此时还没有被初始化，因此其值为undefined。
变量赋值
console.log(age); // 抛出错误: age is not defined
let age = 25;
对于使用let和const声明的变量，情况有所不同。这些变量的声明和初始化都不会被提升，因此如果在声明之前尝试访问它们，将会抛出错误。
函数提升与变量提升的差异
尽管函数和变量都会被提升，但它们的行为有所不同：
- 函数声明会被提升到作用域的顶部，并且可以被在声明之前调用。
- 变量声明也会被提升，但它们的值在初始化之前是
undefined。对于let和const声明的变量，它们在初始化之前是未定义的，不能在声明之前使用。
总结
函数定义提升和变量提升是JavaScript中的两个重要概念，它们对JavaScript代码的执行顺序有重要影响。理解这些概念可以帮助你避免一些常见的编程错误，并编写更健壮的JavaScript代码。