JavaScript 如何声明函数

在 JavaScript 编程中，函数是一等公民，它允许我们将代码逻辑封装起来，提高代码的可复用性和可维护性。下面就来详细探讨一下 JavaScript 中声明函数的几种常见方式。

函数声明

函数声明是最传统的声明函数的方式。其语法结构如下：

function functionName(parameters) {
    // 函数体
    statements;
}

其中，function 是关键字，用于定义一个函数；functionName 是函数的名称，遵循命名规范；parameters 是函数的参数，可选，多个参数用逗号隔开；statements 则是函数执行时要运行的代码块。 例如：

function addNumbers(a, b) {
    return a + b;
}
let result = addNumbers(3, 5);
console.log(result); 

函数表达式

函数表达式是将函数作为一个值赋值给一个变量。语法如下：

let functionVariable = function(parameters) {
    // 函数体
    statements;
};

这里，通过变量 functionVariable 来引用这个函数。函数表达式可以是匿名的，也可以给函数命名，但这个命名只在函数内部可见。 示例：

let multiplyNumbers = function(a, b) {
    return a * b;
};
let product = multiplyNumbers(4, 6);
console.log(product); 

箭头函数

ES6 引入的箭头函数提供了一种更简洁的语法来声明函数。基本语法如下：

let arrowFunction = (parameters) => {
    // 函数体
    statements;
};

如果函数只有一个参数，可以省略参数括号；如果函数体只有一条语句，可以省略花括号和 return 关键字，函数会自动返回该语句的结果。 比如：

let square = num => num * num;
let squaredValue = square(7);
console.log(squaredValue); 

不同的函数声明方式适用于不同的场景。函数声明具有函数提升的特性，可以在函数声明之前调用函数；函数表达式更灵活，可作为变量传递；而箭头函数语法简洁，适合用于简短的回调函数等场景。掌握这些函数声明方式，能让我们在 JavaScript 编程中更加得心应手，编写出高质量、高效率的代码。