28张图助我学废TS-阿里云开发者社区

28张图助我学废TS

2022-05-13 109

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 28张图助我学废TS

Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。

一、基础

二、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
    }
}