如何从 JavaScript 调用 TypeScript 函数？

TypeScript 是 JavaScript 的超集，它提供了类型检查等特性，让开发者更加容易地编写复杂的应用程序。虽然 TypeScript 代码可以编译成普通的 JavaScript 代码，但是在实际开发中，我们可能需要使用 JavaScript 调用 TypeScript 函数，本文将为您介绍如何实现这个功能。

函数声明

首先，我们需要创建一个 TypeScript 函数，例如：

function sum(a: number, b: number): number {
  return a + b;
}

这个函数接受两个数字类型的参数，并返回它们的和。注意，我们在参数声明和返回值声明中使用了类型注解，这是 TypeScript 提供的特性。

导出函数

为了能够在 JavaScript 中调用 TypeScript 函数，我们需要将它导出为一个模块。在 TypeScript 中，我们可以使用 export 关键字来实现这个功能。例如：

export function sum(a: number, b: number): number {
  return a + b;
}

这样，我们就可以在其他 TypeScript 或 JavaScript 文件中使用这个函数了。

调用函数

最后，我们来看一下如何在 JavaScript 中调用 TypeScript 函数。首先，我们需要引入 TypeScript 函数所在的模块。在 Node.js 中，可以使用 require 方法：

const sumFunction = require('./sumFunction');

在浏览器环境中，可以使用 ES6 模块语法：

import { sum } from './sumFunction';

一旦我们引入了模块，就可以使用模块中导出的函数了。例如：

console.log(sumFunction.sum(1, 2)); // 输出 3
console.log(sum(1, 2)); // 输出 3

注意，在 JavaScript 中调用 TypeScript 函数时，不需要提供类型注解。TypeScript 的类型检查只在编译时进行，而在运行时并不会影响程序的效率。

总结

在本文中，我们学习了如何从 JavaScript 中调用 TypeScript 函数。我们需要先将 TypeScript 函数导出为一个模块，然后在 JavaScript 中引入这个模块，即可使用 TypeScript 函数。由于 TypeScript 使用类型注解，所以在 JavaScript 中调用 TypeScript 函数时，不需要提供类型注解。