JavaScript 中 function 的写法有哪些

在 JavaScript 编程中，function 是核心的概念之一，掌握不同的 function 写法能极大地提升编程效率与代码质量。

函数声明 这是最常见的 function 写法。其语法结构为 function functionName(parameters) { functionBody }。例如：

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

函数声明会提升（hoisting）到作用域顶部，意味着在函数声明之前调用函数也是可行的。

函数表达式 函数表达式将函数赋值给一个变量。语法形式为 let functionVariable = function(parameters) { functionBody }。示例如下：

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

与函数声明不同，函数表达式不会被提升，所以在定义变量之前调用函数会导致错误。

箭头函数 ES6 引入的箭头函数是一种简洁的函数定义方式。语法为 (parameters) => { functionBody }。如果只有一个参数，括号可以省略；如果函数体只有一条语句且返回一个值，花括号和 return 关键字都可以省略。比如：

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

箭头函数没有自己的 this，它继承自外层作用域的 this，这在处理回调函数和一些特定场景下非常有用。

构造函数 使用 Function 构造函数也能创建函数。语法为 new Function(parameters, functionBody)。例如：

let divideNumbers = new Function('a', 'b', 'return a / b;');
let quotient = divideNumbers(10, 2);
console.log(quotient); 

不过，这种方式不常用，因为它可读性较差，且函数体中的代码是在运行时解析的，没有语法检查。

立即执行函数表达式（IIFE） IIFE 是一种在定义后立即执行的函数。语法形式为 (function() { functionBody })(); 或 (function() { functionBody }());。示例：

let message = (function() {
    let text = "Hello, IIFE!";
    return text;
})();
console.log(message); 

IIFE 常用于创建独立的作用域，避免变量污染全局作用域。

JavaScript 提供了多种 function 的写法，每种写法都有其适用场景，开发者需根据实际需求灵活运用。