五、泛型

(一)什么时候用

  • 在定义函数或是类时,如果遇到类型不明确就可以使用泛型
  • 类型在调用时确定
// 使用any会跳过TS的类型检查,不安全
function fn(a: any): any {
  return a;
}

// T即是泛型
function fn<T>(a: T): T {
  return a;
}

郁子小于 1 分钟笔记TypeScript尚硅谷李立超
四、面向对象

(一)面向对象简介

  • 程序中所有的操作都需要通过对象来完成。一切操作都要通过对象,即面向对象
    • 操作浏览器 —— window 对象
    • 操作网页 —— document 对象
    • 操作控制台 —— console 对象
  • 计算机程序的本质是对现实事物的抽象,抽象的反义词是具体
    • 如:照片是对一个具体的人的抽象,汽车模型是对一辆具体的车的抽象
  • 在程序中所有的对象都被分成了两个部分:数据功能
    • 如:人的姓名、性别、年龄、身高、体重等属于数据,人可以说话、走路、吃饭、睡觉等属于人的功能
    • 数据在对象中被称为属性,功能被称为方法,在程序中一切皆是对象

郁子大约 6 分钟笔记TypeScript尚硅谷李立超
三、TypeScript的编译选项

(一)自动编译文件

  • 编译文件时,使用 -w 指令后,TS 编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译
tsc xxx.ts -w

郁子大约 4 分钟笔记TypeScript尚硅谷李立超
一、TypeScript简介

(一)TypeScript 是什么

  • 以 JavaScript 为基础构建的语言
  • 一个 JavaScript 的超集
  • 扩展了 JavaScript,并添加了类型
  • 可以在任何支持 JavaScript 的平台中执行
  • 不能被 JS 解析器直接执行,需要经过编译器编译成.js 文件

(二)TypeScript 增加了什么

  • 类型系统
  • 支持 ES 的新特性
  • 添加 ES 不具备的新特性,如抽象类、接口等
  • 提供丰富的配置选项
  • 强大的开发工具,如 VS Code 代码提示

郁子小于 1 分钟笔记TypeScript尚硅谷李立超
二、TypeScript的基本类型

(一)类型声明

  • 通过类型声明可以指定 TS 中变量(参数、形参)的类型
  • 指定类型后,当为变量赋值时,TS 编译器会自动检查值是否符合类型声明,符合则赋值,否则报错
  • 类型声明给变量设置了类型,使得变量只能存储某种类型的值
  • 语法:
let 变量: 类型;

let 变量: 类型 =;

function fn(参数: 类型, 参数: 类型): 类型 {
  // ......
}

郁子大约 5 分钟笔记TypeScript尚硅谷李立超