ts中接口和的使用和作用封装原创

原创
小哥 3年前 (2022-10-22) 阅读数 47 #大杂烩
(function () {
    // 接口是一个类,
    // 定义应该包含在类中的那些属性和方法,
    // 同时,接口也可以用作类型声明。
    // 可以重复声明该接口。 所有的班级。
    // 接口在定义类时可以限制类的结构,
    // 接口中的属性不能具有实际值。
    // 接口仅定义对象的接口,而不考虑实际值,
    // 接口中的所有方法都是抽象方法。
    interface myInter {
        name: string

        sayHello(): void
    }

    interface myInter {
        age: number
    }

    class Cat implements myInter {
        name: string
        age: number

        constructor(name: string,age:number) {
            this.name = name
            this.age = age
        }

        sayHello() {
            console.log(${this.name}(${this.age}岁)跟你打个招呼,苗喵喵)
        }
    }

    let cat = new Cat(钢弹, 2)
    cat.sayHello()

})()

参考视频:https://www.bilibili.com/video/BV1Xy4y1v7S2?p=19&spm\_id\_from=pageDriver

ts使用封装在

(function () {
    //简化用法
    class Person {
        constructor(public  name: string, public age: number) {}
    }
    let person = new Person(孙悟空,19)
    console.log(person.name,person.age)

    //    set get
    class Cat {
        constructor( private _name:string) {}
        get name():string{
            console.log(get该方法即被执行。)
            return this._name
        }
        set name (value:string){
            this._name = value
        }
    }
    let cat  = new Cat(钢弹)
    cat.name = 卢比
    console.log(cat.name)
})()

遇到了一个问题

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门