The Arrow/ lambda function is a concise form of a normal function in Typescript. Arrow functions are also known as lambda functions. We use “=>” (arrow symbol) in the arrow function and we do not use the ‘function’ keyword. We can use this method when we want our code to be short and not call the function each time.
Syntax:
-
Arrow function having multiple parameters:
(param1, param2, ..., paramN) => expression;
-
Arrow function with no parameters:
() => expressions;
Example 1 (Arrow function with parameters): In the below code, we create an arrow function with two parameters name and roll_no. The function returns a string that contains two parameters. We use { } curly brackets and return keyword.
Javascript
let string1 = (name: string, roll_no: number) => { return "i am " + name + " and my roll no is " + `${roll_no.toString()}`; }; console.log(string1("srinivas", 49)); |
Output:
i am srinivas and my roll no is 49
Generally, when we have only one statement to execute we don’t need to use { } curly brackets and return keywords. We can write the code as below:
Javascript
let string1 = (name: string, roll_no: number) => "i am " + name + " and my roll no is " + `${roll_no.toString()}`; console.log(string1("srinivas", 49)); |
Output:
i am srinivas and my roll no is 49
Example 2(Arrow function without parameters): This is an example where the arrow function takes no parameters and returns a string.
Javascript
let str1 = () => "this is neveropen"; console.log(str1()); |
Output:
this is neveropen
Example 3 (Arrow function in a class): A class is created which has two properties, name of type string and CGPA of type number. There’s also a class method that returns and displays a string of the student details. This example shows arrow functions can also be used in classes.
Javascript
class StudentDetail { name: string; cgpa: number; constructor(name: string, cgpa: number) { this.name = name; this.cgpa = cgpa; } displayString = () => console.log("student_name : " + this.name + " student_cgpa : " + this.cgpa); } let student1 = new StudentDetail("sarah", 9.45); student1.displayString(); |
Output:
student_name : sarah student_cgpa : 9.45
