关于前端: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中文文档