vue3学习四 (typescript 学习 ,面向对像 )

69 阅读1分钟

省略部分oop基础知识 ,

1 接口。 方便组合

interface IUser {
    name:string,
    age:number
}

interface IUser {
    sex:string
}

const obj:IUser = {
    name: "小明",
    age:18,
    sex:'nan'
}

2 泛型的使用。

//第一种方法 ,自动推断
function fnz<T>(arg:T):T {
    return arg;
}

//使用方法 
//1 自动推断
fnz(10)
//2 自定义
fnz<number> (13);


//类也支持泛型写法。
class MyNumber<K> {
      zero:K;
      constructor(z:K){
        this.zero = z;
        
      }

      add(x:K, y:K) {
        return x;
      }
}