zl程序教程

您现在的位置是:首页 >  其它

当前栏目

TS之declare的简单使用

简单 TS Declare 使用
2023-09-11 14:19:18 时间

专栏目录请点击

  1. .d.ts的顶级声明必须以declare开头
  2. declare声明的变量和模块后,其他地方不需要引入,就可以直接使用了
    1. 注意我们需要在配置文件下,引入声明文件
{
  "compilerOptions": {
  ...
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
  ...
}

声明一个类型

declare type Asd {
    name: string;
}

在include包含的文件范围内可以直接使用Asd这个type

declare声明一个模块

declare module '*.css';
declare module '*.less';
declare module '*.png';

这样,我们可以在ts中引入相关的文件而不报错了

declare声明一个变量

declare var jQuery: (selector: string) => any;
// 声明变量直接使用
jQuery("#box")

对于引入第三方的库特别有效

声明一个作用域

declare namespace API{
    interface ResponseObj {
        ...
    }
    ...
}

注意

  • declareexport 不要同级使用,不然的话,声明文件就需要导入了
  • 在声明文件中 typeinterface 也可以不用加declare ,效果相同
type myType = string | number;
// 两者效果相同
declare type myType = string | number;