typescript 入門教程三

類型別名

下面的代碼將string類型賦值給一個別名，以後如果出現別名的地方，就好比出現類型string，同理其他類型也一樣

 type Name=string
 let gender:Name='男'

接口

接口定義一些規範，實現該接口必須要實現該接口定義的規範
一個class可以實現多個接口，但是一個class只能繼承一個類

interface INamed{
    name:string
    // 注意沒有方法體，在具體的對象中實現方法體
    print():void
}
const sayName=(o:INamed)=>{
    o.print()
}
const person={
    age:27,
    name:'jack',
    print:function(){
        console.log(this.name)
    }
}
sayName(person)

一個類可以實現一個或者多個接口，前提是必須實現接口中的每一個屬性和方法,但是類中也可以有自己的屬性和方法

 interface Person{
     name:string
     greeting():void
 }
//  類實現接口，一個接口可以供多個類實現
 class Employee implements Person{
    name:string='Jack';
    greeting():void {
        console.log('我是一個employee')
    };
 }
 let em:Employee=new Employee()
 em.greeting()

可選屬性:

表示一個屬性或者方法是可有可無，在屬性名後面加個？

interface Person{
    first_name:string
    last_name?:string
        print?():void
}
let p={
    first_name:'Tome',
    last_name:'Jack'
}
const sayName=(o:Person)=>{
    console.log(o.first_name)
}
sayName(p)

tip:

• 在使用ts過程中，推薦一款工具，可以在編譯ts之後，自動執行編譯出來的js文件，ts-node
• 在使用node的環境中，比如運行一個編譯好的js文件，通常通過node index.js,這時特別推薦nodemon，他會監聽文件的修改，只要文件有所修改，就會自動重啓服務器，相當於我們使用的熱更新

掃碼關注公衆號，有更多精彩文章等你哦