解释 TypeScript 中的箭头函数语法
如果您使用过其他编程语言(例如 Python)，那么您一定听说过 lambda 函数。箭头函数类似于 lambda 函数，它提供了一种在 TypeScript 中定义函数的更短方法。
我们可以通过使用粗箭头并将其存储在变量中来创建不使用"function"关键字的函数。之后，我们可以使用该变量在需要时调用该函数。
此外，箭头函数没有任何身份，因为它是匿名的。因此，我们可以使用存储它的变量来识别它。
语法
用户可以按照以下语法在 TypeScript 中创建箭头函数。
var variable = (param1: type, ...other params): return_type => {
// 函数代码
};
在上面的语法中，用户可以看到我们将箭头函数存储在变量中，并使用粗箭头创建箭头函数。此外，用户还可以观察我们如何将参数传递给箭头函数并定义其返回类型。
示例
在下面的示例中，我们创建了箭头函数并将其存储在 showMessage 变量中。我们在箭头函数中打印了消息以显示给用户。
// 创建匿名箭头函数
var showMessage = () => {
console.log("Your welcome on the TutorialsPoint!");
};
// 调用箭头函数。
showMessage();
编译后，它将生成以下 JavaScript 代码 -
// 创建匿名箭头函数
var showMessage = function () {
console.log("Your welcome on the TutorialsPoint!");
};
// 调用箭头函数。
showMessage();
示例
在此示例中，我们将箭头函数存储在mergeString变量中。我们在箭头函数中传递了三个字符串类型的参数。在箭头函数内部，我们合并从参数中获取的字符串并打印它们。
我们使用mergeString变量并传递三个参数来调用箭头函数。
// 创建匿名箭头函数
var mergeString = (str1: string, str2: string, str3: string) => {
// 合并字符串
let finalString: string = str1 + str2 + str3;
console.log("The merged string is " + finalString);
};
// 调用箭头函数。
mergeString("Hi", "Users", "!");
编译后，它将生成以下 JavaScript 代码 -
// 创建匿名箭头函数
var mergeString = function (str1, str2, str3) {
// 合并字符串
var finalString = str1 + str2 + str3;
console.log("The merged string is " + finalString);
};
// 调用箭头函数。
mergeString("Hi", "Users", "!");
示例
在这个例子中，我们还为箭头函数定义了返回类型。箭头函数接受两个数字类型的参数，并在将参数相乘后返回数字值。
// 定义测试箭头函数
// param1 是数字类型，param2 也是数字类型
// 返回类型是数字
var test = (param1: number, param2: number): number => {
console.log("The value of the param1 is " + param1);
console.log("The value of the param2 is " + param2);
return param1 * param2;
};
// 调用测试函数并打印其返回值
让 res: 数字 = 测试(10, 20);
console.log("乘法的值为 " + res);
编译后，将生成以下 JavaScript 代码 -
// 定义测试箭头函数
// param1 是 number 类型，param2 也是 number 类型
// 返回类型是数字
var test = function (param1, param2) {
console.log("The value of the param1 is " + param1);
console.log("The value of the param2 is " + param2);
return param1 * param2;
};
// 调用测试函数并打印其返回值
var res = test(10, 20);
console.log("乘法的值为 " + res);
示例
在下面的示例中，我们创建了 employee 类，其中包含 get_name() 属性。我们使用箭头函数初始化 get_name() 属性，该函数返回员工的姓名。
之后，我们创建了 employee 类的对象，并通过将该对象作为引用来调用 get_namme() 方法。
class employee {
// 定义 get_name 箭头函数
get_name = (): string => {
let emp_name: string = "Shubham";
return "The employee name is " + emp_name;
};
}
// 创建员工类的对象
let emp_object = new employee();
// 调用员工类的 get_name() 函数
console.log(emp_object.get_name());
编译后，它将生成以下 JavaScript 代码 -
var employee = /** @class */ (function () {
function employee() {
// 定义 get_name 箭头函数
this.get_name = function () {
var emp_name = "Shubham";
return "The employee name is " + emp_name;
};
}
return employee;
}());
// 创建员工类的对象
var emp_object = new employee();
// 调用员工类的 get_name() 函数
console.log(emp_object.get_name());
用户在本教程中通过示例学习了在 TypeScript 中使用箭头函数。我们在本教程中采用了包含参数和返回类型的箭头函数的不同示例。此外，我们还学习了使用箭头语法来定义特定类的方法。
