一文详解JS与TS的主要区别

TypeScript（TS）是 JavaScript（JS）的一个超集，它包含了 JavaScript 的所有特性，并添加了静态类型检查、类和接口等特性。以下是 TS 与 JS 的主要区别：

1.  静态类型检查：TS 支持静态类型检查，它可以在编译时检查类型错误，从而减少运行时错误和调试时间。而 JS 是动态类型语言，类型检查是在运行时进行的。

2.  类和接口：TS 支持类和接口，这些是 JS 不支持的概念。通过类和接口，TS 可以更好地支持面向对象编程和模块化开发。

3.  新特性支持：TS 支持最新的 ECMAScript（ES）规范，包括 ES6、ES7、ES8 等。而 JS 的新特性需要等到浏览器或者运行环境支持后才能使用。

4.  工具支持：TS 提供了更好的开发工具支持，包括代码编辑器、调试器和自动化构建工具等。TS 可以更好地与这些工具进行集成，从而提高开发效率和代码质量。

5.  学习成本：相对于 JS，TS 有一定的学习成本，需要掌握额外的语法和类型系统。但是，一旦掌握了 TS，可以更好地开发和维护大型应用程序。

示例：

• 类型声明

// TypeScript
let name: string = "John";
name = 123; // Error: 无法将数字赋值给字符串类型

// JavaScript
let name = "John";
name = 123; // No error, as JS is dynamically typed

2.函数参数类型注解

// TypeScript
function greet(name: string): void {
  console.log("Hello, " + name);
}

greet(123); // Error: 参数必须为字符串类型

// JavaScript
function greet(name) {
  console.log("Hello, " + name);
}

greet(123); // No error, as JS is dynamically typed

总之，TS 相对于 JS 增加了类型检查、类和接口等特性，提高了代码质量和可维护性，但是需要一定的学习成本。

如果您想将JS代码转换为TS代码，可以使用以下方法：

• 手动转换：您可以将JS代码中的变量和函数类型注释为TS中的类型，并添加必要的类和接口定义。

• 使用TS转换工具：有一些工具可以将JS代码自动转换为TS代码，例如js2ts和JS to TS Converter等。