ts和js的关系

https://www.typescriptlang.org/zh/docs/handbook/typescript-from-scratch.html

TypeScript（TS）和 JavaScript（JS）都是用于开发前端和后端应用的编程语言，但它们有一些显著的区别。以下是主要的区别：

1. 类型系统

• JavaScript：JavaScript 是一种动态类型语言，这意味着变量的类型是在运行时确定的。你可以在同一个变量中存储不同类型的值。

  let value = 42; // number
  value = "Hello, world!"; // string

• TypeScript：TypeScript 是 JavaScript 的超集，增加了静态类型检查。你可以在编译时检测类型错误，这有助于提高代码的可靠性和可维护性。

  let value: number = 42;
  value = "Hello, world!"; // Error: Type 'string' is not assignable to type 'number'.

2. 编译

• JavaScript：JavaScript 是解释型语言，代码直接在浏览器或 Node.js 环境中运行，不需要编译。

• TypeScript ：TypeScript 需要编译成 JavaScript 才能在浏览器或 Node.js 环境中运行。TypeScript 编译器（tsc）将 .ts 文件编译成 .js 文件。

  tsc myfile.ts

3. 语法和特性

• JavaScript：JavaScript 支持 ES6+ 的大部分特性，如箭头函数、模板字符串、解构赋值等。

  const add = (a, b) => a + b;

• TypeScript：TypeScript 支持所有 JavaScript 的特性，并增加了类型注解、接口、枚举、元组等高级特性。

  interface Person {
    name: string;
    age: number;
  }
  
  const add = (a: number, b: number): number => a + b;

4. 开发体验

• JavaScript：由于缺乏类型信息，JavaScript 的代码补全和重构功能相对较弱。

• TypeScript：由于有类型信息，TypeScript 提供了更好的代码补全、重构和导航功能。这使得开发体验更好，特别是在大型项目中。

5. 社区和生态系统

• JavaScript：JavaScript 有一个庞大的社区和生态系统，几乎所有的前端和后端库都支持 JavaScript。

• TypeScript：TypeScript 也有一个快速增长的社区，越来越多的库和框架开始支持 TypeScript。许多流行的 JavaScript 库（如 React、Angular、Vue）都提供了 TypeScript 类型定义。

6. 代码质量和可维护性

• JavaScript：由于缺乏类型检查，JavaScript 代码在大型项目中可能更难维护和调试。

• TypeScript：静态类型检查有助于在编译时捕获错误，提高代码质量和可维护性。类型系统还可以作为文档，帮助开发者理解代码。

7. 学习曲线

• JavaScript：JavaScript 的学习曲线相对较低，适合初学者。

• TypeScript：TypeScript 的学习曲线稍陡，需要理解类型系统和一些额外的语法，但对于有 JavaScript 基础的开发者来说，学习 TypeScript 并不困难。

总结

• JavaScript：适合快速开发和小型项目，学习曲线较低。
• TypeScript：适合大型项目和团队协作，提高代码质量和可维护性。