¿Cómo llamar a la función Typescript desde JavaScript?

En este artículo, intentaremos comprender todos los hechos asociados con la forma en que podemos llamar a la función TypeScript desde JavaScript. TypeScript es compatible con la sintaxis de la función de JavaScript existente para declararla y llamarla dentro del programa o el fragmento de código. Comprendamos rápidamente cómo podemos declarar una función en TypeScript.

Sintaxis para declarar la función TypeScript: siguiendo la sintaxis que podemos usar para declarar cualquier función en TypeScript-

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

Ahora que hemos visto la sintaxis de declarar una función de TypeScript, pasemos rápidamente a la parte del siguiente ejemplo donde veremos cómo llamamos a las funciones de TypeScript, que vamos a declarar dentro de un rato, de manera similar a como lo hicimos. hacer siguiendo una cierta sintaxis en JavaScript-

Ejemplo 1: En este ejemplo, simplemente implementaremos una función que imprimirá la suma de dos números al llamar. Este es el ejemplo más simple que estamos tomando en cuenta al principio. Además, usaremos la función de flecha en este ejemplo.

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

Producción:

9
34

Ejemplo 2: En este ejemplo, intentaremos implementar una función TypeScript que aceptará sus datos del objeto tipificado estáticamente (una función proporcionada por TypeScript en la que podemos declarar un objeto usando el tipo antes del nombre del objeto), y luego utilizará los datos para imprimir realmente los datos de un usuario.

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);

Producción:

Name of the user is : ABCDEF