TypeScript 学习笔记

TypeScript 学习笔记

0. 前言

• 主题：TypeScript 基础入门、基础类型、类、接口、类型标注、TS与Java接口区别
• 标签：TypeScript、前端基础、类型系统

1. TypeScript 简介

• TypeScript（简称 TS）是微软推出的开源编程语言。
• TypeScript 是 JavaScript 的超集，所有 JavaScript 语法在 TS 中都能直接使用。
• 核心本质：Type = Type + JavaScript ，在 JS 基础上新增静态类型检查能力。
• 文件后缀：.ts。
• TS 不能直接在浏览器运行，会编译转换为标准 JavaScript；在编译阶段就做类型校验，提前捕获语法与类型错误。

2. 基础常用类型

• string：字符串类型
• number：数字类型（整数、小数统一归类）
• boolean：布尔类型，仅取值 true / false
• any：任意类型，关闭类型校验，可赋值任意数据
• type：自定义类型别名
• interface：定义接口类型结构
• ()=>void：无参数、无返回值的函数类型

3. 字面量类型

限定变量只能取固定几个字面值，限制取值范围，语法更严谨。

4. 类型标注的位置

4.1 标注变量

给变量显式指定类型：

let msg:string = 'hello ts !';

4.2 标注函数参数

给函数形参指定类型。

4.3 标注函数返回值

指定函数执行后的返回值类型。

示例：

const m2 = (name:string):string => {
    return name.toLowerCase() + msg;
}

5. Class 类核心特性

TS 中的类包含核心组成：

• 成员属性
• 构造方法 constructor
• 普通成员方法
• 接口实现 implements
• 类继承 extends

6. TS 接口 与 Java 接口的区别

相同点

1. 都可以定义行为规范与结构约束。
2. 都支持被类实现，统一代码规范。

不同点

1. 作用范围

• TS 接口：可约束对象、函数、数组、类多种结构，用途更广。
• Java 接口：仅用于约束类的行为方法，只能被类实现。

2. 编译特性

• TS 接口：编译后会消失，仅做开发阶段类型约束，运行时不存在。
• Java 接口：编译后生成独立字节码文件，运行时真实存在。

3. 语法能力

• TS 接口支持属性定义、可选属性、只读属性、多接口继承。
• Java 接口侧重方法抽象、常量定义，语法约束更严格。

4. 使用场景

• TS 接口：多用于定义前端数据模型、对象结构、函数格式。
• Java 接口：多用于后端面向对象抽象、业务行为规范定义。