关于前端:28张图助我学废TS

Ts 当初用的越来越多，我感觉是时候总结一波 Ts 的根底知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，间接开整。(注：脑图曾经上传至云盘 20+ 脑图系列中）

一、根底

二、tsconfig.json 文件

示例代码

{
    // include 用来指定哪些 ts 文件须要被编译
    // ** 示意任意目录
    // * 示意任意文件 (匹配 0 或多个字符)
    // ? 匹配一个任意字符
    "include": ["./src/**/*"],

    // 定义须要排除在外的目录，默认状况下会排除 node_modules，bower_components，jspm_packages 和 <outDir> 目录
    "exclude": [],

    // 定义被继承的配置文件
    // "extends": "",

    // 指定被编译的文件列表
    // "files": [],

    // 编译器的选项
    "compilerOptions": {
        // 设置 ts 代码编译的指标版本
        "target": "es2015",
        // 设置编译后代码应用的模块化零碎
        "module": "amd",
        // 用来指定编译后文件所在的目录
        "outDir": "./dist",
        // 用来将代码合并为一个文件 (个别用的不多)
        // "outFile": "./dist/app.js",
        // 是否对 js 文件进行编译，默认是 false
        "allowJs": true,
        // 是否查看 js 代码是否合乎语法标准，默认是 false
        "checkJs": true,
        // 是否移除正文，默认是 false
        "removeComments": false,
        // 所有严格查看的总开关
        "strict": true,
        // 用来设置编译后的文件是否应用严格模式，默认为 false
        "alwaysStrict": true,
        // 不容许隐式 any 应用, 默认值是 false
        "noImplicitAny": true,
        // 不容许不明确类型的 this, 默认值是 false
        "noImplicitThis": true,
        // 严格的查看空值，默认为 false
        "strictNullChecks": true
    }
}

三、联结 webpack 应用

四、类型

4.1 类型申明语法

4.2 类型内容

4.3 object 与 {}

4.4 Function 与 (a:xxx)=>xxx

4.5 类型推断

4.6 类型断言

五、高级类型

六、类

6.1 定义类

6.2 属性

6.3 构造函数 constructor

6.4 办法

6.5 修饰符

6.6 存取器

6.7 继承

七、接口

八、泛型

九、申明文件

9.1 为社么须要申明文件

9.2 第三方库通常两种类型申明形式

9.3 什么状况须要本人订一申明文件

9.4 申明文件类型

9.5 申明文件根底语法

参考文献

1. 尚硅谷 TypeScript 教程
2. TypeScript 中文文档