🖥️ 前端经典面试题 专栏：吊打面试官系列 之 说说你对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文件                   。
 
 
 
 
 
 
 
 
 
 
 
 
。

















。