JavaScript 如何调用Typescript函数

在本文中，我们将尝试理解与如何从JavaScript调用Typescript函数相关的所有事实。Typescript支持使用现有的JavaScript函数语法来声明和调用函数。让我们快速了解如何在Typescript中声明函数。

声明Typescript函数的语法： 我们可以使用以下语法来声明Typescript中的任何函数-

function function_name (parameter_name : data_type, ...) : return_type {
    // Do something.....
}

现在我们已经看到了声明TypeScript函数的语法，让我们迅速进入以下示例的部分，我们将在其中看到我们将要声明的TypeScript函数是如何调用的，使用与JavaScript中特定的语法类似的方式-

示例1： 在此示例中，我们将简单地实现一个函数，该函数在调用时打印两个数字的和。这是我们在开始时考虑的最简单的示例。此外，在这个示例中我们将使用箭头函数。

Javascript

let sumOfNumbers = ( 
    firstnum : number,  
    secondnum : number 
) : number => { 
    return firstnum + secondnum; 
} 
  
console.log(sumOfNumbers(4 , 5)); 
console.log(sumOfNumbers(15 , 19));

输出：

9
34

示例2: 在这个示例中，我们将尝试实现一个TypeScript函数，该函数将从静态类型对象中接受数据（TypeScript提供的一种功能，在对象名称之前可以使用类型声明对象），然后我们将使用该数据来实际打印用户的数据。

JavaScript

type userDetails= { 
    firstName: string; 
    lastName: string; 
}; 
    
let displayUserName = (userDetail : userDetails) => { 
    return "Name of the user is : " 
    + ` ${userDetail.firstName}$ {userDetail.lastName}`; 
} 
    
let user : userDetails= { 
    firstName: "ABC", 
    lastName: "DEF"
}; 
    
let userName = displayUserName(user); 
console.log(userName);

输出：