基本类型
布尔值 boolean
最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）
let isMe: boolean = false;
数字 number
和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。
let dec: number = 6
let hex: number = 0xff00d
let binary: number = 0b1010
let oct: number = 0o744
字符串 string
JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用 string表示文本数据类型。 和JavaScript一样，可以使用双引号（ "）或单引号（'）表示字符串。
let str: string = 'abc'
str = 'efg'
你还可以使用模版字符串，它可以定义多行文本和内嵌表达式。 这种字符串是被反引号包围（ `），并且以${ expr }这种形式嵌入表达式
let age: number = 31
let str: string = `我今年${age}岁`
数组 array
TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组
let arr: number[] = [1, 2, 3]
let arr: any[] = [1,'a',2]
let arr: string[] = ['a','b','c']
第二种方式是使用数组泛型，Array<元素类型>：
let arr: Array<number> = [1, 2, 3]
let arr: Array<any> = [1,'a',2]
let arr: Array<string> = ['a', 'b','c']
元组 Tuple
元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为 string和number类型的元组。
let x: [string, number] = ['a', 1] // 注意顺序得对，固定类型、长度得匹配，否则报错
//元组还有个bug是： push 操作能够超过定义的长度
// x.push('some') // 会报错
Union 类型 (联合类型) 与Literal字面量类型(规定了取值有那些，之外的值会报错)
// 联合类型
let union: number | string;
union = 1
union = 'meng'
function sum (n1: number | string, n2: number | string): number | string {
return n1+n2
}
sum(1, 2) // 3
sum('m', 'n') // mn
// 字面量Literal类型
let literal : 1 | 3 | 5 | 8
Literal 错误log
any 类型
let a: any = 2
a = 'meng'
a = true
a() // 不会报错
a.toString() // 不会报错
unknow (可保证类型的安全)
let b: unknown = 88
b = 'meng'
b = {}
b() // 比较严格，报错哦
b.toUpperCase() // 比较严格，报错哦
// 或这种写法不会报错
if (typeof b == 'function') {
b()
}
if (typeof b === 'string') {
b.toUpperCase()
}
枚举错误情况
image.png
void undefined never
// void （本身不存在，没有）
function returnValue (): void {
console.log('无返回值')
}
function returnUndefined (): undefined {
console.log('有返回，但是没有值, 从变量角度的话就是有定义未赋值')
return
}
function returnNever (): never {
console.log('永远不会有值')
while(true) {
console.log('死循环')
}
}
枚举类型（适配类型）
let someValue: any = '人民大学'
let strLength: number = (someValue as string).length // 方式一 具备了string的特性及length属性，及其它string属性与
let strLen: number = (<string>someValue).length // 方式二 具备了string的特性，及length属性，及其它string属性与方法
函数类型
// 定义接口
interface P2 {
name: string,
age: number
}
// 定义接口
interface SearchFunc {
(param1: string, param2: P2): boolean
}
// 声明变量，接口类型
let sFn: SearchFunc
// 函数实现接口类型
sFn = function(name: string, userInfo: P2) : boolean{
return true
}
object 类型
const person = {
name: 'meng',
age: 33
}
console.log(person.some) // 会报错
log
// 不会报错, 类型any 就对没有声明属性不会报错
const person: any = {
name: 'meng',
age: 33
}
console.log(person.some)
接口 Interface
interface Point {
x: number;
y: number;
}
function getSum (point: Point): number {
return point.x + point.y
}
class 类
// 声明类，并实现接口，当里面不满足接口时的报错
class Cpoint implements IPoint {
x: number
y: number
constructor (x: number, y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
}
错误示例，当里面不满足接口时的报错
class Cpoint implements IPoint {
x: number
y: number
constructor (x: number, y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
getDis = (p: IPoint) => {
return this.x+this.y
}
}
const p2 = new Cpoint(10,5)
p2.getSum()
p2.getDis(p2) // 15
满足条件后，不再报错
Access Modifier 访问修饰符 （public、private、static)
interface IPoint {
X: number
getSum: ()=> void
getDis: (p: IPoint) => number
}
class Cpoint implements IPoint {
// 私有变量命名也可：下划线形式_x，更直观理解（尤其编译成es5）
constructor (private x: number, private y: number) {
this.x = x
this.y = y
}
getSum = () => {
console.log(this.x+this.y)
}
getDis = (p: IPoint) => {
return p.X+this.y
}
// 懒人包：取值
get X () {
return this.x
}
// 懒人包：设置值
set X (value: number) {
this.x = value
}
}
const p2 = new Cpoint(10,5)
p2.getSum()
p2.getDis(p2) // 15
p2.X = 1 // 懒人包直接设置值
console.log(p2.X) // 懒人包直接取值
泛型 Generics
// 泛型
const getSomes = <T>(arr: Array<T>) => arr.length - 1
getSomes([1, 2, 3, 4, 5]) // 泛型number
getSomes(['A',3,'C','D']) // 泛型配合联合类型自动<string | number>
getSomes(['a', 1, 'c', true]) // // 泛型配合联合类型自动<string | number | boolean>
getSomes<string | number | boolean>(['a', 1, 'c', true]) // 限制泛型联合类型，正确形式
getSomes<string | number>(['a', 1, 'c', true]) // 限制泛型联合类型，错误形式，确实boolean类型，超出限定范围
泛型number
泛型联合类型
泛型联合类型
限制泛型联合类型，正确形式
限制泛型联合类型，错误形式，确实boolean类型，超出限定范围
