ts 学习笔记

:void 代表没有返回值 一般用于函数
1顶级类型 any unknown(不可以赋值给其他类型，只能赋值给自身或者any,没有办法读任何属性，方法也不可以调用)
2 Object
3 Number String Boolean
4 number string boolean
5 1 ‘’a’ false
6 never
interface
// interface 重名会重合
// interface
// extends 继承

// interface Ademo extends B {
// name:string, //这个属性必须有
// age?:number, // 可选
// readonly cb?😦)=>boolean, //常用于函数，id 等不可修改数据
// [propName:string]:any //索引签名，任意key ，后台返回数据不确定时使用,最好定义为any类型
// }
// interface B {
// six:string
// }
// let a:Ademo = {
// name:‘aa’,
// age:12
// }

// 定义函数类型:例子：传入string ,返回number 数组
interface Fn{
(name:string):number[]
}
const fn:Fn =function(name:string){
return [1]
}
数组

let arr:number[]=[1,2]
let arr1:string[]=[‘1’,‘2’]
// 使用interface 方法定义对象数组
interface x {
name:string
}
let arr2:x[]=[{name:‘1’},{name:‘2’}]

// 定义多维数组
let arr4:number[][]=[[1],[2]]
let arr5:Array<Array>=[[1],[2]] //使用泛型方式定义二维数组
let arr6:any[]=[1,‘2’,false]
// … args 实际上就是一个数组，所以可以定义为[]
function a(…args:any[]){
// IArguments 定义类数组，原理是 interfaces 里面有很多方法

// let a:IArguments=arguments.callee
}

函数
// 函数定义类型 和返回值 | 箭头函数定义类型和返回值
// 函数默认的参数|函数可选的参数
// 参数是一个对象如何定义
// 函数this类型
// 函数重载

// 加?表示可传可不传
// function add(a?:number,b?:number):number {
// return a + b
// }
// function add1(a:number,b:number):number {
// return a + b
// }
// const add1 = (a:number,b:number):number=>a+b

// 参数是对象的清空，可以用insterface 定义
// interface User {
// name:string
// }
// function sy (user:User):User{
// return user
// }
// console.log(sy({name:‘aa’}))

// ts 可以定义this的类型，在js 中无法使用，必须是第一个参数定义this的类型
// interface Obj {
// user:number[],
// add:(this:Obj,num:number)=>void
// }
// let obj :Obj={
// user:[1,2,3],
// add(this:Obj,num:number){
// this.user.push(num)
// }
// }

// 函数重载
let list:number[]=[1,2,3]
function findNum(add:number[]):number[] //如果传入数组，添加并返回数组
function findNum(id:number):number[]//传入 id 查找并返回数组
function findNum():number[] //如果没有传入，返回原数组
function findNum(ids?:number|number[]):number[]{
if(typeof ids =‘number’){
return list.filter(v=>v=ids)
}else if(Array.isArray(ids)){
list.push(…ids)
return list
}else {
return list
}
}