JavaScript函数声明与函数表达式的区别？

八股文_JavaScript面试题 0 66

JavaScript 中的函数声明（Function Declaration）和函数表达式（Function Expression）有几个关键的区别：

语法差异：
- 函数声明：函数声明是以 function 开头，后跟函数名和参数列表，最后是函数体。函数声明会被提升。
```
function foo() {
console.log('This is a function declaration');
}
```
- 函数表达式：函数表达式将一个匿名函数赋值给一个变量，函数没有名字。函数表达式不会被提升。
```
const bar = function() {
console.log('This is a function expression');
};
```
提升（Hoisting）：
- 函数声明：函数声明会被提升到当前作用域的顶部，因此在函数声明之前调用函数是可以的。
```
foo(); // This is a function declaration

function foo() {
console.log('Function declaration');
}
```
- 函数表达式：函数表达式不会被提升，必须在函数定义之后才能调用。
```
bar(); // TypeError: bar is not a function

const bar = function() {
console.log('Function expression');
};
```
可重写性：
- 函数声明：函数声明在同一作用域内只能存在一个，不支持重写。
- 函数表达式：函数表达式可以在运行时动态重写，比如可以在不同的地方赋值给不同的变量。
使用场景：
- 函数声明适合在代码开始时定义好函数，便于后续调用。
- 函数表达式常用于回调函数、事件处理器、或作为参数传递给其他函数时。

函数声明（Function Declaration）
函数声明是标准的函数定义方式，函数通过 function 关键字声明并直接赋予函数名。它有一个显著的特点——提升。这意味着函数声明会在代码执行之前被“提升”到当前作用域的顶部。

例子：
```
console.log(foo()); // 输出: "Hello, world"

function foo() {
 return "Hello, world";
}
```
这里，foo() 可以在函数声明之前调用，因为函数声明会被提升。
函数表达式（Function Expression）
函数表达式将一个函数定义作为表达式赋值给变量。该函数是匿名的，也就是说没有函数名，或者在某些情况下可以有名字。函数表达式不会被提升，这意味着你必须在声明之后才能调用它。

例子：
```
// 这是一个函数表达式
const bar = function() {
 return "Hello from function expression";
};

console.log(bar()); // 输出: "Hello from function expression"
```
在这个例子中，如果你尝试在 const bar = ... 语句之前调用 bar()，将会抛出错误，因为函数表达式不会被提升。
函数声明与函数表达式的提升差异
- 函数声明的提升：
```
greet(); // 输出: "Hello, world"

function greet() {
console.log("Hello, world");
}
```
  greet() 在函数声明之前就能调用，这是因为函数声明被提升了。

函数表达式的提升：

“`javascript
greet(); // TypeError: greet is not a function

const greet = function() {
console.log("Hello, world");
};

“`
这段代码会抛出错误，因为函数表达式没有被提升，`greet` 只是一个变量，而这个变量在代码执行前并未赋值。

匿名函数表达式与具名函数表达式
函数表达式不仅可以是匿名的，还可以是具名的。在具名函数表达式中，函数具有名称，这对于调试非常有帮助。

匿名函数表达式：
```
const sum = function(a, b) {
 return a + b;
};
```
具名函数表达式：
```
const sum = function add(a, b) {
 return a + b;
};
```
具名函数表达式中，虽然函数有名字（add），但我们只能通过变量 sum 来引用该函数。
使用场景
- 函数声明常用于模块化编程中，或者当函数在代码的多个地方需要被调用时，使用函数声明能够确保函数在整个作用域中都可用。
- 函数表达式常用于动态创建函数、闭包、回调函数等场景。由于它们可以作为参数传递给其他函数，因此它们在处理异步操作或事件时非常有用。

函数声明和函数表达式在 JavaScript 中各有用途，理解它们的区别有助于编写更清晰、高效的代码。函数声明适合于定义在较早期就需要使用的函数，而函数表达式适合于动态创建和处理回调等复杂的异步任务。