TypeScript - 匿名函数：初学者指南

你好，未来的编码巨星！今天，我们将深入TypeScript的精彩世界，探索一个起初可能听起来有点神秘的概念：匿名函数。如果听起来像是秘密特工的代号，别担心——在本教程结束时，你将能够像专业人士一样使用这些函数！

什么是匿名函数？

在我们开始之前，让我们分解一下“匿名函数”的含义。在编程世界中，我们经常给函数命名，比如“calculateTotal”或“sendEmail”。但有时，我们创建的函数不需要名字——它们就像是编码宇宙中的蒙面英雄。这些无名的奇迹就是我们所说的匿名函数。

想象你在一个蒙面舞会上。每个人都戴着华丽的面具，你看不见他们的脸，也不知道他们的名字。但他们仍然可以跳舞、交谈和享受乐趣。匿名函数在我们的代码中做的就是类似的事情——它们在不需正式介绍的情况下执行任务！

现在，让我们看看在TypeScript中创建这些匿名函数的不同方式。

使用 'function' 关键字定义匿名函数

创建匿名函数的第一种方法是使用可靠的 'function' 关键字。这是它的样子：

let greet = function(name: string) {
console.log("Hello, " + name + "!");
};

greet("Alice"); // 输出：Hello, Alice!

在这个例子中，我们创建了一个对某人说“你好”的函数。让我们分解一下：

1. 我们从 let greet = 开始。这是我们创建一个名为 'greet' 的变量。
2. 等号后面的 function(name: string) { ... } 是我们的匿名函数。
3. 在大括号 { } 内，我们有函数体——函数实际做的事情。
4. 然后我们可以通过调用 greet("Alice") 来使用这个函数。

就像我们创建了一个可以对人打招呼的友好机器人，并给这个机器人起了个代号 'greet'！

使用箭头函数语法定义匿名函数

现在，让我们看看一种更现代、更简洁的写匿名函数的方式——箭头函数语法。这就像是函数世界中的跑车：流畅、快速、外观酷炫！

let add = (a: number, b: number): number => {
return a + b;
};

console.log(add(5, 3)); // 输出：8

这里发生了什么：

1. 我们创建了一个名为 'add' 的变量。
2. (a: number, b: number) 部分定义了我们的函数接受的参数。
3. 括号后的 : number 指定我们的函数将返回一个数字。
4. => 是使这成为箭头函数的东西（它看起来有点像箭头，对吧？）。
5. 在 { } 内，我们有我们的函数体。

对于简单的函数，我们可以使这更短：

let multiply = (a: number, b: number): number => a * b;

console.log(multiply(4, 6)); // 输出：24

在这种情况下，我们省略了 { } 和 return 关键字。就像我们的函数在说，“我很简单，不需要所有这些额外的符号！”

将匿名函数用作回调函数

现在，让我们看看匿名函数真正发光的地方——作为回调函数。回调函数是一个作为另一个函数参数传递的函数。就像是告诉朋友，“嘿，你任务完成后，为我做这件事。”

让我们看看一个使用 setTimeout 函数的例子：

setTimeout(() => {
console.log("这条信息将在2秒后出现！");
}, 2000);

在这段代码中：

1. setTimeout 是一个函数，它在指定的时间后执行某个操作。
2. 第一个参数是我们的匿名函数，写成箭头函数的形式。
3. 第二个参数（2000）是等待的毫秒数（2秒）。

就像设置了一个定时器，并告诉它，“当你响起时，显示这条信息！”

这里还有一个使用数组方法的例子：

let numbers = [1, 2, 3, 4, 5];

let doubledNumbers = numbers.map((num) => num * 2);

console.log(doubledNumbers); // 输出：[2, 4, 6, 8, 10]

在这种情况下：

1. 我们有一个数字数组。
2. 我们使用 map 函数，它将一个函数应用于数组的每个元素。
3. 我们的匿名函数 (num) => num * 2 将每个数字翻倍。
4. 结果是一个包含所有翻倍数字的新数组。

就像我们创建了一台机器，它取每个数字，翻倍它，然后把它放在一个新的盒子里！

结论

就这样，各位！我们已经揭开了TypeScript中匿名函数的神秘面纱。记住，这些函数就像是代码中的小精灵——它们在不需正式名称的情况下完成工作。

以下是我们在本文中学到的各种方法的快速总结，以方便的表格形式呈现：

方法	语法	示例
Function 关键字	let funcName = function(params) { ... }	let greet = function(name: string) { console.log("Hello, " + name); }
箭头函数（多行）	let funcName = (params) => { ... }	let add = (a: number, b: number) => { return a + b; }
箭头函数（单行）	let funcName = (params) => expression	let multiply = (a: number, b: number) => a * b;
作为回调	someFunction(() => { ... })	setTimeout(() => { console.log("时间到了！"); }, 1000);

练习使用这些不同的方法，很快你就能像编码忍者一样创建匿名函数！记住，在编程中，就像在生活中一样，有时最强大的力量是在幕后工作的那些。快乐编码！

Credits: Image by storyset