解释一下TypeScript中的箭头函数语法

如果你曾使用过其他编程语言，如Python，你就听说过lambda函数。箭头函数与lambda函数类似，它提供了一种更短的方式来定义TypeScript内的函数。

我们可以通过使用胖箭头创建没有”function“关键字的函数，并将其存储在变量中。之后，我们可以在需要时使用该变量来调用该函数。

另外，箭头函数没有任何身份，因为它是匿名的。因此，我们可以使用我们存储它的变量来识别它。

语法

用户可以按照下面的语法，在TypeScript中创建一个箭头函数。

var variable = (param1: type, ...other params): return_type => {
   // code for the function
};

在上面的语法中，用户可以看到，我们将箭头函数存储在变量内，并使用胖箭头来创建一个箭头函数。同时，用户可以观察到我们如何向箭头函数传递参数并定义其返回类型。

示例

在下面的例子中，我们已经创建了箭头函数，并将其存储在showMessage变量内。我们在箭头函数中打印了信息，向用户展示。

// creating the anonymous arrow function
var showMessage = () => {
   console.log("Your welcome on the TutorialsPoint!");
};

// calling the arrow function.
showMessage();

// creating the anonymous arrow function
var showMessage = function () {
   console.log("Your welcome on the TutorialsPoint!");
};

// calling the arrow function.
showMessage();

示例

在这个例子中，我们将箭头函数存储在mergeString变量中。我们在箭头函数中传递了三个字符串类型的参数。在箭头函数中，我们合并了从参数中得到的字符串并打印它们。

我们通过使用mergeString变量和传递三个参数调用了箭头函数。

// creating the anonymous arrow function
var mergeString = (str1: string, str2: string, str3: string) => {

   // merging the string
   let finalString: string = str1 + str2 + str3;
   console.log("The merged string is " + finalString);
};

// calling the arrow function.
mergeString("Hi", "Users", "!");

// creating the anonymous arrow function
var mergeString = function (str1, str2, str3) {

   // merging the string
   var finalString = str1 + str2 + str3;
   console.log("The merged string is " + finalString);
};

// calling the arrow function.
mergeString("Hi", "Users", "!");

示例

在这个例子中，我们也为箭头函数定义了返回类型。箭头函数接收两个数字类型的参数，并返回参数相乘后的数字值。

// defining the test arrow function

// param1 is of type number, and param2 is also of type number

// return type is the number
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;
};

// calling the test function and printing its return value
let res: number = test(10, 20);
console.log("The value of the multiplication is " + res);

// defining the test arrow function

// param1 is of type number, and param2 is also of type number

// return type is the 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;
};

// calling the test function and printing its return value
var res = test(10, 20);
console.log("The value of the multiplication is " + res);

示例

在下面的例子中，我们已经创建了雇员类，其中包含get_name()属性。我们用箭头函数初始化了get_name()属性，它返回雇员的名字。

之后，我们创建了雇员类的对象，并以该对象为参照，调用了get_namme()方法。

class employee {

   // defining the get_name arrow function
   get_name = (): string => {
      let emp_name: string = "Shubham";
      return "The employee name is " + emp_name;
   };
}

// creating the object of the employee class
let emp_object = new employee();

// calling the get_name() function of employee class
console.log(emp_object.get_name());

var employee = /** @class */ (function () {
   function employee() {

      // defining the get_name arrow function
      this.get_name = function () {
         var emp_name = "Shubham";
         return "The employee name is " + emp_name;
      };
   }
   return employee;
}());

// creating the object of the employee class
var emp_object = new employee();

// calling the get_name() function of employee class
console.log(emp_object.get_name());

用户在本教程中通过实例学习了TypeScript中箭头函数的使用。在本教程中，我们学习了包含参数和返回类型的箭头函数的不同例子。此外，我们还学习了如何使用箭头语法来定义特定类的方法。