【仪表板-插件开发】插件开发TS文件之间如何引用

在开发插件中，有过后端开发经验的朋友，总喜欢按照业务分类，将不同业务分类实现，通过业务接口的实现来提升插件的可扩展性。否则，就会发现，我们当时学的封装继承，多态都怎么在插件开发中就一无用处呢。

其实作为一款由微软开发的TypeScript语言，类这个优秀的概念怎么可能被舍弃。

在创建好可视化插件项目后，从我们的src文件夹中只会看到自带了一个visual.ts文件。业务过多如何实现？今天提供的比较简单初级的一种方式：

在之前引用中遇到一些坑，也希望给大家避坑。

① 创建一个接口类 IShape.ts；中间方法部分，可以自行定义需要实现的。

1. export interface IShape {
   
2.         buildChart(th);
   
3. }

复制代码

② 创建实现类 Bubble.ts；

1. import shape = require("./IShape");
   
2. 
   
3. export class Bubble implements shape.IShape {
   
4.        public buildChart(th) {
   
5.             console.log(th)
   
6.        }
   
7. }
   

复制代码

③ 在visual.ts 中引用

首先在内容头部引入

1. import bubble = require("./Bubble");

复制代码

在方法体中引用

1. const _bubble = new bubble.Bubble();
   
2.             _bubble.buildChart(th);

复制代码

至此，我们就完成了一个分类实现功能的写法了。

在开发插件中，虽然我们可以用js的方式来实现，但是如果能用ts框架来实现的话，代码水平会显得更高级，是不是呢？