01-Typescript基础

目录

2 TypeScript初体验

2.1 安装编译TS的工具包

2.2编译并运行TS代码

2.3 简化运行TS的步骤

3 TypeScript 常用类型

3.1 类型注解

3.2 常用基础类型概述

3.3 原始类型

3.4 数组类型

3.5 类型别名

3.6 函数类型

3.6.1 单独指定参数、返回值的类型

3.6.2 同时指定参数、返回值的类型

3.7 对象类型

3.7.1 对象类型的可选属性 ？表示

3.8接口-interface

3.8.1接口继承-extends

3.9 元祖

3.10 类型推论

3.11 类型断言

 3.12 字面量类型

3.13枚举 - enum

3.14 any类型（不推荐使用） 

3.15 typeof 操作符

---

2 TypeScript初体验

2.1 安装编译TS的工具包

2.2编译并运行TS代码

2.3 简化运行TS的步骤

3 TypeScript 常用类型

3.1 类型注解

3.2 常用基础类型概述

3.3 原始类型

3.4 数组类型

数组类型：
 
let numbers: number[] = [1, 2, 3] //推荐
 
let strings: Array<string> =['1', '2', '3'] 
 
联合类型(多种类型)
 
let newList: (number | string)[] = [1,'2',3,'a']
 
注：若未添加小括号（），则意思表示为 既可以是number类型，又可以表示为 string类型数组
 
let new: number | string[] = 123
let new: number | string[] = ['1','2']
 

3.5 类型别名

//类型别名
 
type typeName = (number | string)[]
 
let studentsList: typeName = [12,13, 'zs','ls']

3.6 函数类型

3.6.1 单独指定参数、返回值的类型

3.6.2 同时指定参数、返回值的类型

 

3.7 对象类型

3.7.1 对象类型的可选属性 ？表示

3.8接口-interface

 

 注：接口和类型别名的区别

3.8.1接口继承-extends

3.9 元祖

3.10 类型推论

例子：

 

3.11 类型断言-as / <>(不常用)

注：类型断言 是指定更准确的类型

console.log($0) //查看当前浏览器选中的dom元素
 
console.dir($0) //会以js对象的形式展现出来 _proto_:HTMLAnchorElement 可以查看到dom元素对应的类型  as 该使用的

 3.12 字面量类型

3.13枚举 - enum（字面量类型+联合类型）

当函数参数的类型是一个枚举的时候，调用函数的时候，传入的参数就必须是这个枚举中的成员任何一个

数字枚举：默认从0开始

字符串枚举：每个成员必须有初始值

在ts中表示一组可选值时，方案有两种

1.字符串+联合类型组合的方式

let student: number | string =

2.枚举（字面量+联合类型）

注：枚举成员是有值的

字符串枚举：每个成员必须有初始值

 

3.14 any类型（不推荐使用） 

3.15 typeof 操作符

类型上下文：指 冒号：后边的环境

typeof 查询变量的类型/对象属性的类型

不能查询函数调用形式的类型

typeof 查询变量的类型/对象属性的类型

不能查询函数调用形式的类型