typescript - 如何定义 TS 类型/接口(interface)等。哪个可以通过多个文件访问?

标签 typescript typescript-typings

我想在我的应用程序中重复使用我在不同文件中创建的特定自定义类型,但我还没有找到正确的资源来解释如何做到这一点。

src/sharedTypes.ts
src/file1.ts
src/file2.ts

sharedTypes.ts:

type MyPoint = {
   x: number;
   y: number;
}

我希望在处理 file1.tsfile2.ts 时能够使用此 MyPoint 类型。

例如:

const pointLog = (point: MyPoint): void => {
    console.log(`Point is located at: ${point.x}, ${point.y}.`);
}

pointLog({x:2, y:4});

谢谢!

最佳答案

使用导出关键字

例如

 export type MyPoint = {
    x: number;
   y: number;
}

然后在另一个文件中导入

 import { MyPoint } from './sharedTypes';
 const pointLog = (point: MyPoint): void => {
     console.log(`Point is located at: ${point.x}, ${point.y}.`);
 }

 pointLog({x:2, y:4});

关于typescript - 如何定义 TS 类型/接口(interface)等。哪个可以通过多个文件访问?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55120997/

相关文章:

reactjs - 无法在 Typescript : JSX Element type does not have any construct or call signatures 中编写高阶组件

angular - 每个新的 Angular 生产PWA版本上的“意外 token <”,直到站点刷新

typescript - 正确扩充库中类型的语法

angular - 无法在 angular 2 typescript 应用程序中找到 typings.d.ts 和声明模块

javascript - 创建速记类型时重用扩展接口(interface)的泛型类型

javascript - 如何在 Angular 中删除名称 "google"的警告?

visual-studio-2013 - 没有为 TypeScript 编译器提供编译文件,因此它将跳过编译

node.js - 如何配置使用从 PureScript 编译的 JavaScript 模块的 TypeScript 项目?

c# - 将值从 Angular 服务应用程序发送到 C# 后端 Controller

typescript - 正确使用 Typescript .d.ts 文件