【TS入门笔记1---初识TS】
TS入门笔记1
- TypeScript---初识TS
- 一、选择TS的理由
- 1. 背景与历史
- 2. TS和JS的对比,TS是JS的超集。
- 3. TS的核心优势
- 二、TS环境搭建
TypeScript—初识TS
一、选择TS的理由
1. 背景与历史
JavaScript 作为轻量级脚本语言,因缺少静态类型、模块化等特性,在开发大型项目时弊端尽显。动态类型致使运行时易暴露错误,维护成本高,还影响 IDE 智能提示功能,辅助工具效果也欠佳。为解决这些问题,2010 年,C# 之父 Anders Hejlsberg 带领微软团队启动 “Strada” 项目,旨在增强 JavaScript 大型项目可维护性,该项目最终演变为 TypeScript,并于 2012 年 10 月开源。微软推出 TypeScript,主要是为给 JavaScript 提供可选类型系统,并确保与各阶段 JavaScript 特性兼容。
微软推出TypeScript主要是为了实现两个目标:
- 为JavaScript提供可选的类型系统。
- 兼容当前及未来的JavaScript的特性。
2. TS和JS的对比,TS是JS的超集。
3. TS的核心优势
1. 类型安全:防患于未然的错误拦截
静态类型检查:在编译阶段捕获类型错误(如拼写错误、参数类型不匹配、未定义变量等),避免运行时崩溃。
严格空值检查:通过 strictNullChecks 防止 undefined 或 null 导致的运行时错误。
2. 代码可维护性:类型即文档
自描述性代码:类型注解和接口明确定义数据结构、函数参数和返回值,减少阅读代码时的猜测成本。
重构友好:重命名变量、修改函数签名时,IDE 能自动追溯所有引用,避免人工遗漏。
3. 开发效率:智能工具加持
IDE 智能提示:VSCode 等工具基于类型系统提供精准的代码补全、参数提示和类型推导。
跳转到定义:快速定位类型或函数的声明位置,加速代码探索。
4. 渐进式增强:灵活迁移
与 JavaScript 兼容:可直接将 .js 文件重命名为 .ts 并逐步添加类型,无需全盘重构。
类型宽松控制:允许使用 any 或 @ts-ignore 临时绕过类型检查,平衡迁移成本与安全性。
二、TS环境搭建
安装TS的前提是node和npm已经安装成功。否则安装不了TS.
- 安装TS的命令:
npm install -g typescript
- 检查TS安装版本命令:
tsc --version