TypeScript 的核心原則之一是對值所具有的結構進行類型檢查。我們使用接口（Interfaces）來定義對象的類型。接口是對象的狀態(tài)(屬性)和行為(方法)的抽象(描述)
公司主營業(yè)務：做網站、成都網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出蒼南免費做網站回饋大家。
聲明接口需要使用關鍵字interface，接下來我們定義一個接口，需求如下
需求: 創(chuàng)建人的對象, 需要對人的屬性進行一定的約束
重慶分公司
重慶分公司
id是number類型, 必須有, 只讀的
name是string類型, 必須有
age是number類型, 必須有
sex是string類型, 可以沒有
第一步：創(chuàng)建人的對象
const person: Person = {
id: 1,
name: 'tom',
age: 20,
sex: '男'
}
我們創(chuàng)建了一個類型為Person的person對象，里面的屬性有id、name、age、sex
第二步：給person對象聲明類型，第一步的時候我們聲明了類型Person，但是這個類型具體是什么，我們還沒定義，所以接下來我們定義一個接口Person，來聲明是person對象的類型
interface Person {
id: number
name: string
age: number
sex: string
}
此時呢，就已經創(chuàng)建好一個沒有約束的對象person，他的類型聲明是接口Person，接下來加上約束就完整了。
第三步：添加約束，id屬性只能是只讀，sex屬性為可選屬性
要將一個屬性設置為只讀很簡單，只需要在屬性前面增加關鍵字readonly，設置屬性為可選屬性也很簡單，只需在屬性后面添加符號?，最后完整的代碼如下
interface Person {
readonly id: number
name: string
age: number
sex?: string
}
const person: Person = {
id: 1,
name: 'tom',
age: 20,
sex: '男'
}
console.log(person)
第四步：測試我們定義的對象，首先我們在瀏覽器中查看是否打印了這個對象
由于id是只讀的，我們測試修改id是否報錯
很明顯，這里報錯了，說id是個只讀屬性
又由于sex是可選屬性，所以我們不設置sex，看看是否成功
const person: Person = {
id: 1,
name: 'tom',
age: 20,
}
console.log(person)
可以看到也是能打印出來的
接口里的屬性不全都是必需的。 有些是只在某些條件下存在，或者根本不存在。
interface IPerson {
id: number
name: string
age: number
sex?: string
}
帶有可選屬性的接口與普通的接口定義差不多，只是在可選屬性名字定義的后面加一個 ? 符號。
好處：
const person2: IPerson = {
id: 1,
name: 'tom',
age: 20,
// sex: '男' // 可以沒有
}
一些對象屬性只能在對象剛剛創(chuàng)建的時候修改其值。 你可以在屬性名前用 readonly 來指定只讀屬性:
interface Person {
readonly id: number
name: string
age: number
sex?: string
}
一旦賦值后再也不能被改變了。
const person2: IPerson = {
id: 2,
name: 'tom',
age: 20,
// sex: '男' // 可以沒有
// xxx: 12 // error 沒有在接口中定義, 不能有
}
person2.id = 2 // error
readonly vs const
最簡單判斷該用 readonly 還是 const 的方法是看要把它做為變量使用還是做為一個屬性。 做為變量使用的話用 const，若做為屬性則使用 readonly。
接口能夠描述JavaScript中對象擁有的各種各樣的外形。 除了描述帶有屬性的普通對象外，接口也可以描述函數(shù)類型。
為了使用接口表示函數(shù)類型，我們需要給接口定義一個調用簽名。 它就像是一個只有參數(shù)列表和返回值類型的函數(shù)定義。參數(shù)列表里的每個參數(shù)都需要名字和類型。
interface SearchFunc {
(source: string, subString: string): boolean;
}
這樣定義后，我們可以像使用其它接口一樣使用這個函數(shù)類型的接口。 下例展示了如何創(chuàng)建一個函數(shù)類型的變量，并將一個同類型的函數(shù)賦值給這個變量。
let mySearch: SearchFunc;
mySearch = function(source: string, subString: string) {
let result = source.search(subString);
return result > -1;
}
對于函數(shù)類型的類型檢查來說，函數(shù)的參數(shù)名不需要與接口里定義的名字相匹配。 比如，我們使用下面的代碼重寫上面的例子：
let mySearch: SearchFunc;
mySearch = function(src: string, sub: string): boolean {
let result = src.search(sub);
return result > -1;
}
函數(shù)的參數(shù)會逐個進行檢查，要求對應位置上的參數(shù)類型是兼容的。 如果你不想指定類型，TypeScript的類型系統(tǒng)會推斷出參數(shù)類型，因為函數(shù)直接賦值給了 SearchFunc類型變量。 函數(shù)的返回值類型是通過其返回值推斷出來的（此例是 false和true）。 如果讓這個函數(shù)返回數(shù)字或字符串，類型檢查器會警告我們函數(shù)的返回值類型與 SearchFunc接口中的定義不匹配。
let mySearch: SearchFunc;
mySearch = function(src, sub) {
let result = src.search(sub);
return result > -1;
}
與 C# 或 Java 里接口的基本作用一樣，TypeScript 也能夠用它來明確的強制一個類去符合某種契約。
// 定義一個接口，里面有個空方法run
interface IRun {
run()
}
// 定義一個類，實現(xiàn)接口IRun
class Person implements IRun{
run() {
console.log('我正在跑步')
}
}
// 穿改進類對象person
const person = new Person()
// 運行run方法
person.run()
interface IRun {
run()
}
interface Swim {
swim()
}
// 定義一個類，這個類可以實現(xiàn)IRun和Swim接口(當前這個類可以實現(xiàn)多個接口，一個類同時也可以被多個接口進行約束)
class Person2 implements IRun, Swim{
run() {
console.log('我正在跑步2')
}
swim() {
console.log('我正在游泳2')
}
}
const person2 = new Person2()
person2.run()
person2.swim()
總結：類可以通過接口的方式，來定義當前這個類的類型，類可以實現(xiàn)一個接口，也可以實現(xiàn)多個接口，要注意：接口中的內容要真正的實現(xiàn)
// 定義了一個接口，繼承了其他多個接口
interface IRun {
run()
}
interface Swim {
swim()
}
// 接口runSwim繼承了IRun和Swim
interface runSwim extends IRun, Swim{}
// 類實現(xiàn)接口runSwim，因為繼承關系，類可以調用繼承接口中的方法
class Person3 implements runSwim{
run() {
console.log('我正在跑步3')
}
swim() {
console.log('我正在游泳3')
}
}
const person3 = new Person3()
person3.run()
person3.swim()
