前端经典面试题 | 吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解

🖥️ 前端经典面试题 专栏：吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬

✨ 个人主页：CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️

---

目录

一、回答点

二、深入回答

Ts是什么？

特性

区别

---

一、回答点

TypeScirpt(以下称:Ts),JavaScript(以下称:Js)

Ts特性，Ts和Js的区别点

二、深入回答

Ts是什么？

        Ts是Js的类型超集，支持ES6语法，支持面向对象编程思想。如：接口，继承，泛型等。是一种静态语言，提供类型注释，在编译阶段检查出数据类型的错误。同时扩展了Js语言。在任何Js程序中不改变也可以在Ts程序中运行。为了保证兼容Ts在编译阶段需要编译器将其编译成Js来运行。

// TypeScript如下：
const coderhing: string = 'Hello World!'
console.log(coderhing)

// JavaScript如下：
const coderhing = 'Hello World!'
console.log(coderhing)

特性

• 类型批注：在编译时批注变量类型
• 类型推断：在Ts中没有批注变量类型回自动推断出变量的类型
• 接口：Ts中用接口来定义对象类型
• 枚举：用于取值被限定在一定范围的场景
• Mixin：可接受任意类型值
• 元组：合并了不同类型的对象，可以装不同类型数据的数组
• 。。。。

区别

• Ts是Js的超集，拓展Js语法
• Ts可处理已有Js的代码，并只会对其中Ts代码进行编译
• Ts文件后缀名：.ts，.dts，.tsx，Js后缀名：.js
• 编写Ts文件时会自动编译成Js文件
• 。。。