6、深入探索TypeScript与React的融合应用

深入探索TypeScript与React的融合应用

1. TypeScript基础与编译器使用

TypeScript通过丰富的类型系统对JavaScript进行了补充，在开发过程中能借助类型检查提前捕获错误。JavaScript的基本类型（如 number 和 string ）可在TypeScript中使用，同时TypeScript还有独有的类型，如 Date 和 unknown 。

• 字符串联合类型与枚举 ：字符串联合类型适合表示特定的字符串集合，若字符串有实际意义，使用字符串联合类型是最简单的方法；若字符串无实际意义，可使用字符串枚举让其更具可读性。
• TypeScript编译器使用步骤 ：
  1. 创建项目基础文件 ：在Visual Studio Code的空白文件夹中，创建 package.json 文件，内容如下：

{
    "name": "tsc-play",
    "dependencies": {
        "typescript": "^4.6.4"
    },
    "scripts": {
        "build": "tsc src/product.ts"
    }
}