JavaScript 函数：全面的指南151

JavaScript 函数是独立的、命名的代码块，可以在 JavaScript 程序中执行特定的任务。它们是组织和重用代码的强大工具，有助于提高代码的可读性和可维护性。

函数声明

可以使用两种语法来声明函数：函数声明和函数表达式。

函数声明

函数声明使用 function 关键字，后跟函数名称和圆括号。圆括号中可以包含函数参数，参数是传递给函数的值。函数体用大括号括起来，包含要执行的代码。```javascript
function greet(name) {
("Hello, " + name + "!");
}
```

函数表达式

函数表达式使用箭头 (=>) 或 function 关键字创建一个匿名函数，并将其赋值给一个变量。匿名函数没有名称，而是通过变量名来引用。```javascript
const greet = (name) => {
("Hello, " + name + "!");
};
```

调用函数

可以通过使用函数名称并传递参数（如果有）来调用函数。函数将在执行后返回一个值（如果指定了 return 语句），或者不返回任何值。```javascript
greet("John"); // 输出：Hello, John!
```

函数参数

函数可以接受参数，这些参数是传递给函数的值。参数在函数声明或表达式中指定，并可以有默认值。```javascript
function sum(a, b = 0) {
return a + b;
}
```

返回值

函数可以通过 return 语句返回一个值。如果未指定 return 语句，则函数将返回 undefined。```javascript
function square(x) {
return x * x;
}
```

函数作用域

函数作用域定义了变量和常量在函数中可用的范围。在函数内部声明的变量和常量在函数外部不可见，并且在函数外部声明的变量和常量在函数内部可见。```javascript
var globalVariable = 10;
function myFunction() {
var localVariable = 20;
(globalVariable); // 10
(localVariable); // 20
}
```

箭头函数

箭头函数是 ES6 中引入的一种简化函数语法。它们使用箭头符号 (=>) 来代替 function 关键字，并且可以省略大括号和 return 语句。```javascript
const greet = (name) => "Hello, " + name + "!";
```

高阶函数

高阶函数是接受函数作为参数或返回函数作为结果的函数。它们允许函数组合和创建动态的代码结构。```javascript
const compose = (f, g) => (x) => f(g(x));
const add10 = (x) => x + 10;
const square = (x) => x * x;
const add10AndSquare = compose(square, add10);
(add10AndSquare(5)); // 25
```

立即执行函数（IIFE）

立即执行函数（IIFE）是一种在声明时立即调用的匿名函数。它们用于封装变量和限制其作用域。```javascript
(function() {
var privateVariable = 10;
(privateVariable); // 10
})();
(privateVariable); // ReferenceError: privateVariable is not defined
```

JavaScript 函数是构建交互式、可重用且可维护代码的基础。理解函数声明、调用、参数、返回值、作用域、箭头函数、高阶函数和 IIFE 等概念对于写出高效、可读的 JavaScript 程序至关重要。

2025-01-25

上一篇：javascript 项目实战：打造一个实时聊天室

下一篇：利用 JavaScript 引用对象