如何从 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);

输出：

Name of the user is : ABCDEF