在 JavaScript 中，函数是执行特定任务的代码块。函数在 JavaScript 中非常重要，因为它们允许我们封装代码段，使其可重用和模块化。我们可以通过两种方式来定义函数：函数声明和函数表达式。虽然它们都可以用来创建函数，但它们之间存在一些重要的差异。

函数声明

函数声明是定义函数的一种方式，它使用 function 关键字后跟一个函数名称和函数体。

基本语法

function 函数名(参数1, 参数2, ..., 参数N) {
    // 函数体代码
}

示例：计算两个数的和

function add(x, y) {
    return x + y;
}
console.log(add(5, 3)); // 输出：8

函数声明的一个特点是函数提升（hoisting），这意味着你可以在声明函数之前调用它。

console.log(subtract(10, 5)); // 输出：5

function subtract(x, y) {
    return x - y;
}

函数表达式

函数表达式是将一个匿名函数或具名函数赋值给一个变量。与函数声明不同，函数表达式不会被提升。

基本语法

var 函数名 = function(参数1, 参数2, ..., 参数N) {
    // 函数体代码
};

示例：计算两个数的乘积

var multiply = function(x, y) {
    return x * y;
};
console.log(multiply(4, 2)); // 输出：8

由于函数表达式不会被提升，因此以下代码会抛出错误：

console.log(divide(10, 5)); // TypeError: divide is not a function

var divide = function(x, y) {
    return x / y;
};

立即执行函数表达式（IIFE）

立即执行函数表达式（IIFE）是在定义时立即执行的函数。它通常用于创建一个独立的作用域。

基本语法

(function() {
    // 函数体代码
})();

示例：创建一个独立作用域

(function() {
    var temp = "这是一个临时变量";
    console.log(temp); // 输出："这是一个临时变量"
})();
// temp 在这里是不可访问的，因为它不在全局作用域内

箭头函数表达式

ES6 引入了箭头函数，这是一种使用箭头语法 => 的函数表达式的简写形式。箭头函数通常具有更简洁的语法，并且不绑定自己的 this 值。

基本语法

var 函数名 = (参数1, 参数2, ..., 参数N) => {
    // 函数体代码
};

示例：使用箭头函数

var greet = name => `Hello, ${name}!`;
console.log(greet('World')); // 输出："Hello, World!"

总结

在 JavaScript 中，函数声明和函数表达式是创建函数的两种主要方式。函数声明会被提升，允许在声明之前调用它们。函数表达式（包括箭头函数）不会被提升，因此必须在调用之前定义它们。IIFE 是一个常用的模式，用于创建独立的作用域并避免污染全局命名空间。掌握这些不同的函数定义方式对于编写高效且可维护的 JavaScript 代码至关重要。