01typescript_javascript

# 面试官：说说你对 TypeScript 的理解？与 JavaScript 的区别？

TypeScript 是 JavaScript 的类型的超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等

超集，不得不说另外一个概念，子集，怎么理解这两个呢，举个例子，如果一个集合 A 里面的的所有元素集合 B 里面都存在，那么我们可以理解集合 B 是集合 A 的超集，集合 A 为集合 B 的子集

其是一种静态类型检查的语言，提供了类型注解，在代码编译阶段就可以检查出数据类型的错误

同时扩展了JavaScript 的语法，所以任何现有的JavaScript 程序可以不加改变的在 TypeScript 下工作

为了保证兼容性，TypeScript 在编译阶段需要编译器编译成纯 JavaScript 来运行，是为大型应用之开发而设计的语言，如下：

ts 文件如下：

const hello: string = "Hello World!";
console.log(hello);

1
2

编译文件后：

const hello = "Hello World!";
console.log(hello);

1
2

TypeScript 的特性主要有如下：

通过类型批注提供在编译时启动类型检查的静态类型，这是可选的，而且可以忽略而使用 JavaScript 常规的动态类型

function Add(left: number, right: number): number {
  return left + right;
}

1
2
3

对于基本类型的批注是 number、bool 和 string，而弱或动态类型的结构则是 any 类型

当类型没有给出时，TypeScript 编译器利用类型推断来推断类型，如下：

let str = "string";

变量 str 被推断为字符串类型，这种推断发生在初始化变量和成员，设置默认参数值和决定函数返回值时

如果缺乏声明而不能推断出类型，那么它的类型被视作默认的动态 any 类型

接口简单来说就是用来描述对象的类型数据的类型有 number、null、string 等数据格式，对象的类型就是用接口来描述的

interface Person {
  name: string;
  age: number;
}

let tom: Person = {
  name: "Tom",
  age: 25,
};

1
2
3
4
5
6
7
8
9

更多的区别如下图所示：

上次更新: 2023/08/06, 00:38:41