Typescript Interfaces(接口)添加任意key值/內容

什么是Interfaces 接口類 (抽象方法集合)

https://www.runoob.com/typescript/ts-interface.html

“接口” Interfaces  是一系列抽象方法的聲明，是一些方法特征的集合，這些方法都應該是抽象的，需要由具體的類去實現，然后第三方就可以通過這組抽象方法調用，讓具體的類執行具體的方法。

ts 中的 Interfaces（接口）是一個非常靈活的概念，除了可用於對類的部分行為進行抽象，也可以對 對象的形狀（shape） 進行描述。

簡單的理解 就可以理解為一種定制化的 數據結構 規則標准

簡單例子:

interface Test{
  name: string;
  age: number;
  //可有可無
  sex?:boolean,
  hobby:()=>string,
  
}

//屬性數量是Test 中定義好的
let demo: Test= {
  name: '張三',
  age: 18,
  //hobby:():string=>{ return '寫代碼'},
  sayHi(){
        return '寫代碼'
  },
};

 

添加任意新屬性

如果在使用中，Interfaces中 還存在一些任意添加的新屬性

interface Test{
  name: string;
  age: number;
  //可有可無
  sex?:boolean,
  hobby:()=>string,
  //自定義key 任意值
  [propname:string]:any,
  
}

//屬性數量是Test 中定義好的
let demo: Test= {
  name: '張三',
  age: 18,
  hobby:():string=>{ return '寫代碼'},
  //任意新value
  demo1:'233',
  demo2:0,
  demo3:true,
  ...
};