所谓超级是指：一套更加强大的类型系统，和对es6新特性的支持， 最终会编译成javaScript；
作用：帮我们避免编码中出现的类型异常，提高我们编码的效率以及我们代码的可靠程度；
兼容性：最低可编译到es3版本， 兼容性较好；
任何一种JavaScript运行环境都支持；
相较于folw，typeScript功能更为强大，生态也更健全、更完善；
目前angular/vue3已经开始使用typeScript；
你会发现typeScript慢慢的将成为前端领域中的第二语言；
缺点：
1. 语法本身多了很多概念（typescript属于「渐进式」的）；
2. 项目初期，typeScript会增加一些成本；
安装：
初始化package.json -- 命令：yarn init -y
{ "name": "typeScript","version": "1.0.0",
"main": "index.js",
"license": "MIT"
}
安装开发依赖：yarn add typescript -D
{ "name": "typescript","version": "1.0.0",
"main": "index.js",
"license": "MIT",
"devDependencies": {
"typescript": "^4.1.3"
}
}
tsc的作用：用于编译typescript
可以完全按照JavaScript标准语法编译代码
代码示例：
编译前：
const hello = name => { console.log(`hello ${name}`);}
hello('typeScript');
编译后：
var hello = function (name) { console.log("hello " + name);};
hello('typeScript');
ts初使用：
const hello = (name: string) => { console.log(`hello ${name}`);}
// hello('typeScript');
hello(100);
创建typescript配置文件：yarn tsc --init
使用tsconfig编译ts文件：yarn tsc
{ "compilerOptions": {/* 访问https://aka.ms/tsconfig.json以了解有关此文件的更多信息 */
/* 基本选项 */
// "incremental": true, /* 启用增量编译 */
"target": "es5", /* 指定ECMAScript目标版本：``ES3''（默认），``ES5''，``ES2015''，``ES2016''，``ES2017''，``ES2018''，``ES2019''，``ES2020''或``ESNEXT''。 */
"module": "commonjs", /* 指定模块代码生成：“ none”，“ commonjs”，“ amd”，“ system”，“ umd”，“ es2015”，“ es2020”或“ ESNext”。 */
// "lib": [], /* 指定要包含在编译中的库文件 */
// "allowJs": true, /* 允许编译javascript文件。 */
// "checkJs": true, /* 报告.js文件中的错误。 */
// "jsx": "preserve", /* 指定JSX代码生成：'preserve''react-native'或'react'。 */
// "declaration": true, /* 生成相应的'.d.ts'文件。 */
// "declarationMap": true, /* 为每个相应的'.d.ts'文件生成一个源映射。*/
// "sourceMap": true, /* 生成相应的'.map'文件。*/
// "outFile": "./", /* 连接并输出到单个文件。*/
// "outDir": "./", /* 将输出结构重定向到目录。 */
// "rootDir": "./", /* 指定输入文件的根目录。用于通过--outDir控制输出目录结构。 */
// "composite": true, /* 启用项目编译 */
// "tsBuildInfoFile": "./", /* S指定用于存储增量编译信息的文件 */
// "removeComments": true, /* 不输出注释。 */
// "noEmit": true, /* 不发出输出。 */
// "importHelpers": true, /* 从'tslib'导入导入发射助手。*/
// "downlevelIteration": true, /* 在以'ES5'或'ES3'为目标时，以'for-of'，散布和解构形式提供对Iterables的全面支持。*/
// "isolatedModules": true, /* 将每个文件作为单独的模块进行编译（类似于'ts.transpileModule'）。 */
/* 严格的类型检查选项 */
"strict": true, /* 启用所有严格的类型检查选项。 */
// "noImplicitAny": true, /* 在隐式“ any”类型的表达式和声明上引发错误。 */
// "strictNullChecks": true, /* 启用严格的null检查。*/
// "strictFunctionTypes": true, /* 启用对函数类型的严格检查*/
// "strictBindCallApply": true, /* 在函数上启用严格的“ bind”，“ call”和“ apply”方法。 */
// "strictPropertyInitialization": true, /* 在类中启用对属性初始化的严格检查。 */
// "noImplicitThis": true, /* 在隐含'any'类型的'this'表达式上引发错误。 */
// "alwaysStrict": true, /* 以严格模式解析，并对每个源文件发出“ use strict”。 */
/* 其他检查*/
// "noUnusedLocals": true, /* 报告未使用的本地错误。 */
// "noUnusedParameters": true, /* 报告未使用参数的错误。 */
// "noImplicitReturns": true, /* 当并非函数中的所有代码路径都返回值时，报告错误。 */
// "noFallthroughCasesInSwitch": true, /* 在switch语句中报告失败情况的错误。 */
// "noUncheckedIndexedAccess": true, /* 在索引签名结果中包括“ undefined” */
/* 模块分辨率选项*/
// "moduleResolution": "node", /* 指定模块解析策略：'node'（Node.js）或'classic'（TypeScript 1.6之前的版本）。*/
// "baseUrl": "./", /* 用于解析非绝对模块名称的基目录。*/
// "paths": {}, /* 一系列条目，这些条目将导入重新映射到相对于'baseUrl'的查找位置。 */
// "rootDirs": [], /* 根目录列表，其组合内容表示运行时项目的结构。*/
// "typeRoots": [], /* 要包括其类型定义的文件夹列表。 */
// "types": [], /* 要包含在编译中的类型声明文件。 */
// "allowSyntheticDefaultImports": true, /* 允许从默认导入模块，而没有默认导出。这不影响代码发出，仅影响类型检查。 */
"esModuleInterop": true, /* 通过为所有导入创建名称空间对象来启用CommonJS和ES模块之间的发射互操作性。暗示“ allowSyntheticDefaultImports”。 */
// "preserveSymlinks": true, /* 不解析符号链接的真实路径。 */
// "allowUmdGlobalAccess": true, /* 允许从模块访问UMD全局变量。 */
/* 源映射选项 */
// "sourceRoot": "", /* 指定调试器应在其中定位TypeScript文件的位置，而不是源位置。 */
// "mapRoot": "", /* 指定调试器应定位地图文件的位置，而不是生成的位置。 */
// "inlineSourceMap": true, /* 发出带有源映射的单个文件，而不是单独的文件。 */
// "inlineSources": true, /* 在单个文件中将源代码与源映射一起发射出去；需要设置“ --inlineSourceMap”或“ --sourceMap”。*/
/* 实验选项 */
// "experimentalDecorators": true, /* 启用对ES7装饰器的实验性支持。 */
// "emitDecoratorMetadata": true, /* 启用实验性支持以发出装饰器的类型元数据。 */
/* 高级选项 */
"skipLibCheck": true, /* 跳过声明文件的类型检查。 */
"forceConsistentCasingInFileNames": true /* 禁止对同一文件使用大小写不一致的引用。 */
}
} 原始类型：Primitive Types /** * 原始数据类型 */ const a: string = "foobar"; const b: number = 100 // NaN Infinity const c: boolean = true // false // const d: boolean = null // 严格模式下string/boolean/number不允许为空 const e: void = undefined // null // 严格模式下只能是undefined const f: null = null const g: undefined = undefined; typeScript标准库声明
Symbol()为es6新增
使用方法：
第一种：修改"target"为 "es2015"