型別斷言

light丶發表於2024-06-19
型別

型別斷言就是，如果我們比ts更加清楚這個值 的型別就需要手動去新增型別，本質是指定更加具體的型別

例子：

  let link =document.getElementById('link') 
//這時候，他預設的型別是 HTMLElement，但他不是a標籤的型別 這時候我們透過link.href是錯誤的
 那麼可以透過型別斷言來手動調整型別
   let link = document.getElementById('link') as HTMLAnchorElement
    
    link.href //這時候才是正確的

例子2：如果介面返回的資料是{name:'zs',age:20,avatar:'xx'}那麼我們可以這麼 寫

   type Person = {
        name: string
        age: number
        avatar: string
    }
    let userInfo = {} as Person
    console.log(userInfo.age);
注： let userInfo:Person ={} 如果這樣寫 那你就需要給花括號裡userInof定值name,age,avatr這些預設值

相關文章