1. 什么是TypeScript众所周知JavaScript 是一种弱类型语言就是不会预先进行编译然后在执行的时候一边执行一边进行编译这种的然后这样就非常容易出现问题。而且还不好解决。然后为了解决这个问题产生了TypeScriptTypeScript 是JavaScript 的一个超集就是为了解决这个问题的就像C/C一样预先进行了编译这样可以提前发现问题减轻麻烦。2. TypeScript 和 JavaScript 的对比JavaScriptTypeScript依赖全局作用域通过script标签顺序管理依赖。基于模块Module通过 import/export 语句管理依赖。可在HTML中混合使用多个script标签内联或外部。通常通过模块导入 (import) 来组合 .ts、.js 等文件默认不进行任何类型检查即使代码有误也可能静默失败。默认进行严格的类型检查确保代码的类型安全。无提供多层级的控制机制可以精细地开启或关闭检查。3. 使用TypeScript的一个例子参考项目 https://github.com/topics/hydrooj配置代码{ compilerOptions:{ target : ES2020 , module: commonjs, lib:[ ES2020 , DOM] outDir : ./lib , rootDir : ./src, strict : true; esModuleInterop : true; skipLibCheck : true, forceConsistentCasingInFileNames: true, declaration : true, moduleResolution : node } , include : [src / ** /* ], exclude : [node_modules] }解释说明{compilerOptions:{target:ES2020,// 编译为 ES2020 语法。module:commonjs,// 使用 CommonJS 模块系统Node.js 风格。lib:[ES2020,DOM],// 包含 ES2020 和 DOM 的类型定义例如 console、document、windowoutDir:./lib,// 编译后的 JavaScript 文件输出目录。rootDir:./src,// TypeScript 源代码的根目录。strict:true,// 启用所有严格的类型检查选项严格模式esModuleInterop:true,// 帮助从 CommonJS 模块导入默认导入例如 import React from reactskipLibCheck:true,// 跳过对声明文件.d.ts的类型检查。forceConsistentCasingInFileNames:true,// 强制文件名大小写一致处理 Windows/macOS 差异declaration:true,// 生成 .d.ts 声明文件。moduleResolution:node// 使用 Node.js 风格的模块解析算法。},include:[src/**/*],// 包含 src 文件夹及其子文件夹中的所有文件。exclude:[node_modules]// 排除 node_modules 文件夹}JS 的注释使用的是 // 和 /**/ , 不是在定义数组时使用的Array 既是一个数组又是一个对象。