[请教]TypeScript如何给EventEmitter重新声明类型?
发布于 8 个月前 作者 dawanraoming 1133 次浏览 来自 问答

问题描述

目前我在使用Electron框架开发桌面应用,尝试使用Typescript 在调用ipc模块时,希望对他的参数进行限定(定义),但不知道该如何使用Typescript进行限定

期望效果

将其Listener参数限定为指定的字符串,类似type Str = 'time' | 'date' | 'length'的效果

尝试过程

尝试以下方式进行重新声明,均无效果

import {ipcMain} from 'electron';

// 接口定义,IpcMain大写开头
interface IpcMain {
  on(channel: 'abc' | 'bbc', listener: Function): this;
}
// 接口定义,ipcMain小写开头
interface ipcMain {
  on(channel: 'abc' | 'bbc', listener: Function): this;
}
// 模块声明
declare module 'electron' {
  interface IpcMain  {
    on(channel: 'abc' | 'bbc', listener: Function): this;
  }
}


// 实际代码,希望控制第一个参数的类型限定为指定字符串
ipcMain.on('message', (event: Electron.Event, arg:any) => {
      console.log(arg);
    });

感谢各位的阅读与查看🙏

5 回复

TypeScript有个叫重载的功能


interface ipcMain {
  on(channel: 'abc', listener: Function): this;
  on(channel: 'bbc', listener: Function): this;
}

@lzghzr 是的,我尝试使用声明合并,重新声明了ipcMain的接口(我提供的代码中第7行开始),和你的方法相似,但并没有实际效果

如果模块本身没有提供定义,直接用any,不要自己去定义,因为那没多大意义还会为将来埋坑

declare module 'electron' {
  interface IpcMain {
    on(channel: 'abc', listener: Function): this;
    on(channel: 'bbc', listener: Function): this;
  }
}

这个应该对应你的第三种方法,我试了一下是有效的

Typescript v2.7.1

electron v1.8.2

@lzghzr 上方第三种方法,我尝试并没有发生效果,IDE与TSC编译器均没有对我进行警告,请问是否方便将你的代码分享一下呢?

同时我进行了另外了尝试,但却是没有效果的,因为electron.d.ts内已经对ipcMain使用const定义,我再定义(如下方的代码)就会抛出错误

declare module 'electron' {
  interface IpcMain {
    on(channel: 'abc' | 'bbc', listener: Function): this;
  }

  const ipcMain: IpcMain;
  //Error:(11, 9) TS2451: Cannot redeclare block-scoped variable 'ipcMain'.
}

回到顶部