说说你对 TypeScript 的了解，它和 JS 有什么关系？

数擎科技

于 2024-10-11 10:05:44 发布

阅读量239

点赞数 3

分类专栏： TypeScript 文章标签： javascript typescript 前端

本文链接：https://blog.csdn.net/qq_34820371/article/details/142846348

版权

TypeScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

说说你对 TypeScript 的了解，它和 JS 有什么关系？

typescript 的核心特点

类型系统；TypeScript 提供静态类型系统，帮助开发者编写代码时检测类型错误，这使得代码更状态且便用调试。
编译到 javascript：TypeScript 代码在运行前会编译为标准的 javaScript,意味着它可以在所有支持 javascript 的环境中运行，包括浏览器、Nodejs 等。
ECMAScript 规范的超级：TypeScript 完全兼容所有 javscript 代码，因为它是 javascript 的一个超集，可以在 TypeScript 文件中写普通的 javascript，并逐步引入类型系统。
现代语法：TypeScript 支持 ECMAScript 的最新特性（如 async/await、装饰器、模块等），即使目标运行环境不支持这些特性，TypeScipt 也可以将其编译为兼容的 javascript。

超级关系

TypeScript 和 JavaScript 的超集，这意味着所有合法的 JavaScript 代码都是合法的 TypeScript 代码，可以把现有的 JavaScript 项目直接转换为 TypeScript 项目，只需将文件后缀改为 .ts然后逐步添加类型。

静态类型检查

JavaScript 是一种动态类型语言，意味着变量的类型在运行时才确定，而 TypeScript 提供了静态类型检查，使得变量的类型可以在编译时检查，从而提前发现潜在的错误。

let name = 'tom';
name = 123; // 不会抛出错误，但可能会导致 bug

let name: string = 'tom';
// name = 123; // 报错：不能将 number 赋值给 string 类型

编译过程

JavaScript 是一种解析性语言，直接在运行时执行，而 Typescript 需要经过一个编译过程（通过 TypeScrit 编译器 tsc）将 .ts 直接编译为 JavaScript。

类型推断

即使你不显示地声明类型，TypeScript 也能通过类型推断自动为变量、函数等推断出合理的类型。

let age = 25;

类型系统和静态检查

TypeScript 的类型系统可以帮助开发者在编译时发现潜在的错误，比如类型不匹配、函数调用错误、对像属性缺失等，而不是等到运行时才暴露这些问题，对于大型项目尤为重要。

interface User {
  id: number;
  name: string;
}

function greet(user: User) {
  console.log(`Hello, ${user.name}`);
}
greet({ id: 1, name: 'Alice' }); // 正确
// greet({ id: 1 });  // 错误：缺少 name 属性