Angular+Typescript 學習筆記(一)---Interface

Interface

typescript 中，接口就是爲類型命名，爲代碼或第三方代碼定義契約。
自己的理解就是定一個的數據格式可以使用接口，以此來約定類型。

• 使用場景
  一般在描述一個對象的屬性，（帶？的是可選屬性）

interface User = {
   	name:string;
   	id？:number
}
// 使用可以這樣使用
function setUser(user:User){
   console.log(user.name)
}
let laosan = {name:'老三',id:1};
setUser(laosan);//'老三'

並不是說 laosan實現了這個 User 接口，這裏跟 java 不一樣，而是說laosan 的結構根 User 結構一樣，只要結構一樣就被允許
可選屬性好處是可以將可能用存在的屬性進行預定義，防止使用錯誤

• 函數類型
  接口也可以定義函數類型

interface Func{
		(id:number,name:string):boolean;
}
我們可以像使用其它接口一樣使用這個函數類型的接口。如下：
let myFunc: Func;
myFunc = function(id: number, name: string) {
  return id === 1;
}

Tips

white-space:nowrap;css 控制不折行