TypeScript基本类型 typeof 和keyof案例详解

let name:string='张三'
let age:number=18
:number 和 :string 就是类型注解

const arr=[1,2,3]
// 定义 
const arr:number[]=[1,2,3]
arr.push(8)

const temp :number| string =8

const arr:number| string[]=[1,'1'] // 不行报错 优先级问题
// arr是 number类型或者string组成的数组类型
解决如下
const arr:(number| string)[]=[1,'1']

const arr:Array<number>=[1,2,3]
const aee:Array<number|string>=[1,'1']

let timer =null
timer =setInterval(()=>{},2000)

let timer = number= -1
timer=setInterval(()=>{},2000)

let timer= null |number =null
timer=setInterval(()=>{})

let arr1: (number | string)[] = [1, 'a', 3, 'b']
let arr2: (number | string)[] = ['x', 'y', 6, 7]
改为
type CustomArray = (number | string)[]
let arr1: CustomArray = [1, 'a', 3, 'b']
let arr2: CustomArray = ['x', 'y', 6, 7]

// 解释：可以通过类似箭头函数形式的语法来为函数添加类型，注意这种形式只适用于函数表达式。
type AddFn = (num1: number, num2: number) => number
const add: AddFn = (num1, num2) => {
    return num1 + num2
}

function greet(name: string): void {
    console.log('Hello', name)
    // return undefined // 默认有这么一句
}

const add = (): undefined => {
    return undefined
}

function mySplice(test:number , start?: number,end?:number){
 mySplice(1)
mySplice()
mySplice(1,2)
 可选参数不能出现在必选参数前面  必须在必选函数后面  一般配合类型注解使用
 }

const obj:object = {}

const person:{name:string;age:number} ={
name:"zhansan",
age:18
}

let str1 = 'Hello TS'   //string类型
const str2 = 'Hello TS'   // 字符串字面量类型

type Direction = 'up' | 'down' | 'left' | 'right'
function changeDirection(direction: Direction) {
    console.log(direction)
}
changeDirection('up') // 调用函数时，会有类型提示

// 创建枚举
enum Direction {
    Up,
    Down,
    Left,
    Right,
}
// 可以当做类型使用枚举
function changeDirection(direction: Direction) {
    console.log(direction)
}
// 也可以当做值使用枚举
// 调用函数时，需要传入：枚举 Direction 成员的任意一个，类似于 JS 中的对象，直接通过点（.）语法 访问枚举的成员
changeDirection(Direction.Up)

enum Direction {
    Up = 2,
    Down = 4,
    Left = 8,
    Right = 16,
}
console.log(Direction['Up']) // 2
// 也可以反向操作
console.log(Direction[2]) // Up

enum Gender {
    女,
    男,
}
type User = {
    name: string
    age: number
    // gender: '男' | '女' // 但后台需要 0 和 1
    gender: Gender
}
const user: User = {
    name: 'ifer',
    age: 18,
    gender: Gender.男,
}

let a = 8
console.log(typeof a)// 'number'

// 接口
interface Person {
    name: string
    age: number
}
type K1 = keyof Person // "name" | "age"
type K2 = keyof Person[] // "length" | "toString" | "pop" | "push" | "concat" | "join"
// 错误写法
const a =keyof Person

const a ={name:"张三",age:18}
type keyofa =keyof typeof a

函数类型的第一种情况
function greet(name:string) :string
函数类型的第二种情况
function greet(name:string[]):string[]

function gerrt(name:unknown) :unknow{
if(Array.isArray(name)){
  return name.map((item)=>`Hello${item}`) 
  } 
  return `Hello${name}`
}
greet('xxx')  // 后跟字符串方法
greet(['1','2']) //数组方法