这是我参与「第六届青训营」伴学笔记创作活动的第5节课
前言:
本节课从TS基础入手,由基础类型一步步延伸到高级类型,通过示例来深入浅出的了解TypeScript的各种姿势。
课程重点:
- 整体介绍:TS背景、优缺点、社区活跃度等
- TS常用的类型基本概念(基础类型、对象类型、接口、断言等)
- 进阶用法(类、泛型及使用场景)
- 工程向(代码检测、编译配置、tsconfig介绍工程中最佳实践、迁移工具)
JavaScript VS TypeScript
JavaScript:
- 一种脚本语言,用于创建动态网页
- 动态弱类型语言
- 只能在运行时发现错误
- 变量可以被赋值成不同类型
TypeScript:
- JavaScript的超集,用于解决大型项目的代码复杂性
- 强类型,支持静态和动态类型
- 可以在编译期间发现并纠正错误
- 不允许改变变量的数据类型
TS基础类型:
- Boolean、number、string
- Undefined、null
- Any、unknown、void
- Never
- 数组类型[]
- 元组类型tuple
TS函数类型:
- 定义:TS定义函数类型时要定义输入参数类型和输出类型
- 输入参数:参数支持可选参数和默认参数
- 输出参数:输出可以自动推断,没有返回值时,默认为void类型
- 函数重载:名称相同在参数不同,可以通过重载支持多种类型
TS接口:
- 定义:接口是为了定义对象类型
- 特点:
- 可选属性:?
- 只读属性:readonly
- 可以描述函数类型
- 可以描述自定义属性
总结:接口非常灵活duck typing
TS类:
- 定义:写法和JS差不多,增加了一些定义
- 特点:
- 增加了public、private、protected修饰符
- 抽象类:只能被继承不能被实例化
- 作为基类,抽象方法必须被子类实现
- Interface约束类,使用implements关键字
个人总结:
第一次接触typescript有点陌生,通过一节课的学习对typescrt有了新的了解,typescript支持面向对象编程,包括类和接口等概念。类是一种模板,用于创建对象,包括属性和方法。接口用于描述类的结构,包括属性和方法的名称和类型。Typescript增加了静态类型检查、类、接口等新特性,使得开发更加可靠、易于维护。后续需要更加努力学习,通过实践更好的理解typescript。