TS中declare的简单使用方法

2023-12-12 15:08:18 作者：youhebuke225

declare 关键字用来告诉编译器,某个类型是存在的,可以在当前文件中使用,本文给大家介绍TS中declare的简单使用方法,感兴趣的朋友一起看看吧

1..d.ts的顶级声明必须以declare开头

2.以declare声明的变量和模块后，其他地方不需要引入，就可以直接使用了

注意我们需要在配置文件下，引入声明文件

{
  "compilerOptions": {
  ...
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
  ...
}

声明一个类型

declare type Asd {
    name: string;
}

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

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

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

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

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

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

注意

type myType = string | number;
// 两者效果相同
declare type myType = string | number;

到此这篇关于TS之declare的简单使用的文章就介绍到这了,更多相关TS declare使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！