TypeScript入门 | 青训营笔记

谨慎谦虚
67 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天

本课重点内容

  1. TS历史
  2. TS优势解读
  3. 基础用法
  4. TS练习和调试

本课课程概要

TS历史与优势

历史

image.png

对比

JS和TS同为弱类型语言 但是JS是动态类型，TS是静态类型

静态类型：可读性++，可维护性++

基础用法

  • 基础数据类型定义

const 变量:类型 = 值

例如：const q:string = 'hello'

image.png

当然，原始的定义如const q='hello' 仍然是可以运行的√

  • 对象类型

一般可以用大写的I开头表示这是一个自定义类型，以区分类

使用interface关键字来进行类型的定义

image.png

通过关键字readonly可以实现只读 利用管道符分割可以设置可选项（如上图的sex） 属性后加上?可以实现可选属性。 任意属性指的是可以任意设置属性的名字。例如：

image.png

调用示例：

image.png

  • 函数类型

image.png

通过这样可以定义一个函数类型，其中括号()内部为传入参数的类型，括号外面是出参的类型。 类似的：

image.png

image.png

都是一种函数类型声明

  • 函数重载 将缺省的变量设置为？

image.png

  • 数组

image.png

  • 补充类型

image.png

泛型：不指定类型，编译/运行是自动推导（类似于C++的auto把）

image.png

T就是泛型。target是变量名

avatar
文章
阅读
粉丝