如何从JavaScript调用TypeScript函数

在本文中，我们将尝试了解与如何从JavaScript调用TypeScript函数相关的所有事实。TypeScript支持现有的JavaScript函数语法，用于声明和调用程序或代码片段中的函数。让我们快速了解如何在TypeScript中声明函数。

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

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

现在我们已经看到了声明TypeScript函数的语法，让我们快速进入以下示例的部分，在这个示例中，我们将看到如何调用TypeScript函数，我们将以类似JavaScript中特定语法的方式进行声明。

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

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提供的功能，我们可以在对象名称之前使用类型来声明对象），然后我们将使用数据来实际打印用户的数据。

type userDetails= {
    firstName: string;
    lastName: string;
};

let displayUserName = (userDetail : userDetails) => {
    return "用户的名字是：" 
    + ` ${userDetail.firstName}$ {userDetail.lastName}`;
}

let user : userDetails= {
    firstName: "ABC",
    lastName: "DEF"
};

let userName = displayUserName(user);
console.log(userName);

输出：