函数的声明方式
在定义一个函数的时候通常有两种声明方式：
foo(){}; // 函数声明
var foo = function(){}; // 函数表达式
不同之处
1、函数表达式后面加括号可以直接执行
2、函数声明会提前预解析
预解析
让我们先看一个例子：
foo(); // 函数声明
foo_later(); // foo_later is not a function
function foo(){ console.log('函数声明'); }
var foo_later = function(){ console.log('函数表达式'); }
可以看到，函数声
在JavaScript编程语言中，函数是核心的组成部分，用于封装可重用的代码逻辑。了解函数声明与函数表达式以及变量提升对于编写清晰、无误的JavaScript代码至关重要。
我们来探讨函数声明与函数表达式的差异。函数声明，如`function foo(){};`，是一种直接定义函数的方式，这种声明在代码执行前会被预解析，因此可以在声明之前被调用，这就是所谓的“函数声明提升”。例如：
```javascript
foo(); // 函数声明
function foo(){ console.log('函数声明'); }
```
这段代码不会导致错误，因为`foo()`在执行前已经被预解析并定义。
而函数表达式，如`var foo = function(){};`，则是一种不同的定义函数的方法。在这里，`foo`是一个变量，其值是一个匿名函数。函数表达式不会被提升，只有变量`foo`会被提升到其作用域的顶部。这意味着在赋值之前尝试调用`foo`会导致错误，因为此时`foo`只被声明，但尚未被赋值：
```javascript
foo(); // TypeError: foo is not a function
var foo = function(){ console.log('函数表达式'); };
```
在函数表达式中，如果我们立即调用这个函数，可以通过在表达式后添加括号实现，如`var foo = function(){}();`，这被称为“立即调用的函数表达式”（IIFE）。
接下来，我们讨论变量提升。JavaScript引擎在执行代码前会进行词法分析，将所有变量声明提升到当前作用域的顶部，无论这些变量声明在代码中的什么位置。但是，赋值操作并不会被提升。例如：
```javascript
console.log(declaredLater); // undefined
var declaredLater = "Now it's defined!";
console.log(declaredLater); // "Now it's defined!"
```
在这段代码中，虽然变量`declaredLater`的声明被提升，但赋值操作仍保持在原始位置，导致第一次`console.log`输出`undefined`。
需要注意的是，函数声明的提升不同于变量声明的提升。函数声明不仅变量名被提升，整个函数体都会被提升，而函数表达式仅变量名提升，函数本身并不提升。这可能导致一些意料之外的结果，如在if语句中重复声明同名函数：
```javascript
if (true) {
function aaa() { alert('1'); }
} else {
function aaa() { alert('2'); }
}
aaa(); // 输出 "2"
```
在这个例子中，两个`function aaa()`都在执行if语句之前被提升，因此调用`aaa()`时，总是执行最后出现的函数声明。
总结起来，理解函数声明和函数表达式的区别以及变量提升的概念对于编写健壮的JavaScript代码至关重要。遵循最佳实践，如始终在作用域顶部声明变量，避免在不同作用域中使用相同函数名，可以帮助避免因这些特性引发的错误。同时，对这些概念的深入理解也能帮助开发者更好地调试和优化代码。
