TypeScript | 青训营

60 阅读2分钟

这是我参与「第六届青训营」伴学笔记创作活动的第5节课

前言:

本节课从TS基础入手,由基础类型一步步延伸到高级类型,通过示例来深入浅出的了解TypeScript的各种姿势。

课程重点:

  • 整体介绍:TS背景、优缺点、社区活跃度等
  • TS常用的类型基本概念(基础类型、对象类型、接口、断言等)
  • 进阶用法(类、泛型及使用场景)
  • 工程向(代码检测、编译配置、tsconfig介绍工程中最佳实践、迁移工具)

JavaScript VS TypeScript

JavaScript:

  1. 一种脚本语言,用于创建动态网页
  2. 动态弱类型语言
  3. 只能在运行时发现错误
  4. 变量可以被赋值成不同类型

TypeScript:

  1. JavaScript的超集,用于解决大型项目的代码复杂性
  2. 强类型,支持静态和动态类型
  3. 可以在编译期间发现并纠正错误
  4. 不允许改变变量的数据类型

TS基础类型:

  1. Boolean、number、string
  2. Undefined、null
  3. Any、unknown、void
  4. Never
  5. 数组类型[]
  6. 元组类型tuple

  TS函数类型:

  • 定义:TS定义函数类型时要定义输入参数类型和输出类型
  • 输入参数:参数支持可选参数和默认参数
  • 输出参数:输出可以自动推断,没有返回值时,默认为void类型
  • 函数重载:名称相同在参数不同,可以通过重载支持多种类型

  TS接口:

  • 定义:接口是为了定义对象类型
  • 特点:
    1. 可选属性:?
    2. 只读属性:readonly
    3. 可以描述函数类型
    4. 可以描述自定义属性

总结:接口非常灵活duck typing

TS类:

  • 定义:写法和JS差不多,增加了一些定义
  • 特点:
  • 增加了public、private、protected修饰符
    1. 抽象类:只能被继承不能被实例化
    2. 作为基类,抽象方法必须被子类实现
  • Interface约束类,使用implements关键字

个人总结:

第一次接触typescript有点陌生,通过一节课的学习对typescrt有了新的了解,typescript支持面向对象编程,包括类和接口等概念。类是一种模板,用于创建对象,包括属性和方法。接口用于描述类的结构,包括属性和方法的名称和类型。Typescript增加了静态类型检查、类、接口等新特性,使得开发更加可靠、易于维护。后续需要更加努力学习,通过实践更好的理解typescript。