JavaScript 中如何定义函数？-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 中如何定义函数？

推荐答案

在 JavaScript 中，定义函数有多种方式，以下是常见的几种方法：

函数声明：

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

函数表达式：

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

箭头函数：

const functionName = (parameters) => {
    // 函数体
};

立即执行函数表达式 (IIFE)：

(function(parameters) {
    // 函数体
})(arguments);

构造函数（不推荐使用）：

const functionName = new Function('parameters', '// 函数体');

函数声明是最常见的定义函数的方式。使用 function 关键字后跟函数名和一对圆括号来定义参数，然后在大括号内编写函数体。函数声明会被提升（hoisted），这意味着你可以在函数声明之前调用它。

function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet('Alice'); // 输出: Hello, Alice!

函数表达式是将一个匿名函数赋值给一个变量。与函数声明不同，函数表达式不会被提升，因此必须在定义之后才能调用。

const greet = function(name) {
    console.log(`Hello, ${name}!`);
};
greet('Bob'); // 输出: Hello, Bob!

箭头函数是 ES6 引入的一种更简洁的函数定义方式。它没有自己的 this，并且不能用作构造函数。箭头函数通常用于需要简洁语法的场景，如回调函数。

const greet = (name) => {
    console.log(`Hello, ${name}!`);
};
greet('Charlie'); // 输出: Hello, Charlie!

IIFE 是一种在定义时立即执行的函数。它通常用于创建一个独立的作用域，避免变量污染全局作用域。

(function(name) {
    console.log(`Hello, ${name}!`);
})('Dave'); // 输出: Hello, Dave!

使用 Function 构造函数可以动态创建函数，但这种方式不推荐使用，因为它会导致代码难以理解和调试，并且存在安全风险。

const greet = new Function('name', 'console.log(`Hello, ${name}!`)');
greet('Eve'); // 输出: Hello, Eve!

纠错
反馈