1. 程式人生 > 其它 >TypeScript - interface 介面

TypeScript - interface 介面

(function () {
    // 描述一個物件型別
    type myType ={
        name: string,
        age: number
    }

    /**
     * 以上形式可以使用介面來實現,
     * 介面用來定義一個類結構, 用來定義一個類中應該包含哪些屬性,同時介面也可以當成型別宣告去使用
     * 介面是對類的一個限制
     * type 不可重複宣告同名型別,但是interface可以
     * 介面可以再定義類的時候,去限制類的結構。介面中的所有屬性都不能有實際的值,指定義物件的結構,而不考慮實際值
     
*/ interface myInterface { name: string, age: number, sayHello():void } interface myInterface { gender: string, } const obj: myType = { name: 'alan', age: 18, } const obj2: myInterface = { name: 'ALan', age:
18, gender: 'Male' } /** * 定義類的時候,可以使用類去實現一個介面 * 實現介面就是使類滿足介面的需求 * 類中必須存在所有介面中的引數 * */ class MyClass implements myInterface{ age: number; gender: string; name: string; constructor(name:string, age:number, gender:string) {
this.name = name; this.age = age; this.gender = gender; } sayHello(): void { console.log('Hello all') } } })