TypeScript

TypeScript 的类型系统、接口、泛型等内容

在 npm 包或 UMD 库中扩展全局变量

详细文档 TypeScript

使用 declare global 可以在 npm 包或者 UMD 库的声明文件中扩展全局变量的类型

global.d.ts

declare global {
  interface JSEncrypt {
    setPublicKey: (publicKey: string) => void
    setPrivateKey: (privateKey: string) => void
    encrypt: (value: string) => string
    decrypt: (value: string) => string
    getPublicKey: () => string
    getPrivateKey: () => string
  }

  interface JSEncryptConstructor {
    new (): JSEncrypt
  }

  const JSEncrypt: JSEncryptConstructor
}

export {}

index.ts

const jsencrypt = new JSEncrypt()
jsencrypt.setPublicKey(key)
return jsencrypt.encrypt(msg)

指定全局组件类型

如果在 VSCode 中使用了 Vue-Official 插件，可以在 tsconfig.json 中指定全局组件类型

{
  "compilerOptions": {
    "types": [
      "element-plus/global",
      "ant-design-vue/typings/global"
    ]
  }
}