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

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

一、回答点

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文件
  • 。。。
相关文章
|
9天前
|
JavaScript 前端开发 安全
TypeScript的优势与实践:提升JavaScript开发效率
【10月更文挑战第8天】TypeScript的优势与实践:提升JavaScript开发效率
|
9天前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
18 0
|
9天前
|
JavaScript 前端开发 IDE
深入理解TypeScript:提升JavaScript开发的利器
【10月更文挑战第8天】 深入理解TypeScript:提升JavaScript开发的利器
20 0
|
28天前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
1月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
37 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
1月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
43 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
12天前
|
JavaScript 前端开发 IDE
利用TypeScript增强JavaScript开发
【10月更文挑战第5天】TypeScript作为JavaScript的超集,通过添加静态类型系统和对ES6+特性的支持,解决了大型项目中常见的类型错误和代码维护难题。本文介绍TypeScript的核心优势,包括静态类型检查、现代JS特性支持及更好的IDE支持,并探讨如何逐步将其集成到现有项目中,提升开发效率和代码质量。通过使用DefinitelyTyped库和装饰器等功能,开发者可以更轻松地编写可靠且可维护的代码。希望本文能帮助你更好地理解和应用TypeScript。
|
28天前
|
JavaScript 前端开发 编译器
探索 TypeScript:JavaScript 的超集
TypeScript 是由微软开发的开源编程语言,作为 JavaScript 的严格超集,增加了静态类型系统和对 ES6+ 特性的支持,有效解决了动态类型带来的问题。本文介绍 TypeScript 的核心概念(类型系统、接口、类、模块),探讨其优势(提高代码质量、增强可读性、促进团队协作)及基本用法(安装、配置、编写、编译代码)。此外,还介绍了接口、类、泛型和高级类型等进阶主题,帮助开发者更好地利用 TypeScript 构建健壮的应用。
|
5天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
35 0
|
5天前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念