{"id":334,"date":"2022-01-05T15:08:39","date_gmt":"2022-01-05T07:08:39","guid":{"rendered":"http:\/\/gjweb.top\/?p=334"},"modified":"2022-01-05T15:08:40","modified_gmt":"2022-01-05T07:08:40","slug":"4-ts%e8%bf%9b%e9%98%b6%e7%af%87","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=334","title":{"rendered":"4. TS\u8fdb\u9636\u7bc7"},"content":{"rendered":"\n
  1. \u7c7b\u578b\u65ad\u8a00<\/li>
  2. \u679a\u4e3e\u7c7b\u578b<\/li>
  3. \u6cdb\u578b
    1. \u51fd\u6570\u4e2d\u4f7f\u7528\u6cdb\u578b<\/li>
    2. \u7c7b\u4e2d\u4f7f\u7528\u6cdb\u578b<\/li>
    3. \u6cdb\u578b\u4e2dkeyof\u4f7f\u7528<\/li><\/ol><\/li>
    4. namespace\u547d\u540d\u7a7a\u95f4<\/li>
    5. \u5b9a\u4e49\u5168\u5c40\u53d8\u91cf<\/li><\/ol>\n\n\n\n
      \n\n\n\n

      \u7c7b\u578b\u65ad\u8a00<\/h2>\n\n\n\n
      interface Bird {
        fly:boolean,
        flyFun:()=>{}
      }
      interface Dog {
        fly:boolean,
        dogFun:()=>{}
      }
      \/\/ \u7c7b\u578b\u65ad\u8a00
      function animal(params:Bird|Dog){
        if(params.fly){
          (params as Bird).flyFun()
        }else{
          (params as Dog).dogFun()
        }
      }
      \/\/ \u7c7b\u578b\u4fdd\u62a4 in \u8bed\u6cd5
      function animal2(params:Bird|Dog){
        if(\"flyFun\" in params){
          params.flyFun()
        }else{
          params.dogFun()
        }
      }<\/code><\/pre>\n\n\n\n
      \n\n\n\n
      \u679a\u4e3e\u7c7b\u578b<\/h2>\n\n\n\n
      enum Result {
        one,
        tow,
        three
      }
      console.log(Result.one) \/\/ 0
      console.log(Result.tow) \/\/ 1
      console.log(Result.three) \/\/2
      console.log(Result[1]) \/\/ tow
      enum Result {
        one,
        tow=2,
        three
      }
      console.log(Result.one) \/\/ 0
      console.log(Result.tow) \/\/ 2
      console.log(Result.three) \/\/3 
      console.log(Result[2]) \/\/ tow<\/code><\/pre>\n\n\n\n
      \n\n\n\n
      \u6cdb\u578b<\/h2>\n\n\n\n
      \u6cdb\u578b\u7b80\u5355\u7406\u89e3\u4e3a \u6cdb\u6307\u7684\u7c7b\u578b(generic)<\/p>\n\n\n\n
      \u51fd\u6570\u4e2d\u4f7f\u7528\u7c7b\u578b<\/h3>\n\n\n\n
      \/\/ \u7b80\u5355\u7528\u6cd5
      function join<T>(first:T,last:T){
          return `${first}${last}`
      }
      join<string>(\"hllo\",\"world\"); \/\/ \"hello world\"
      \/\/ \u7075\u6d3b\u6cdb\u578b
      function map<T>(arr:Array<T>){
          console.log(arr)
      }
      map(<string|number|{[propName:string]:any}>)([123,\"123\",{name:\"this a object\"}])
      \/\/ \u591a\u91cd\u6cdb\u578b
      function sub<T,P>(first:T,last:P){
          console.log(first,last)
      }
      sub<number,string>(1,\"string\")<\/code><\/pre>\n\n\n\n
      \u7c7b\u4e2d\u4f7f\u7528\u7c7b\u578b<\/h3>\n\n\n\n
      interface item{
        name:string
      } 
      class Xxx<T extends item>{
        constructor(private data:T[]){}
        getItem(index:number):string{
          return this.data[index].name
        }
      }
      let xxx = new Xxx([
        {
          name:\"hello\"
        }
      ])
      console.log(xxx.getItem(0))<\/code><\/pre>\n\n\n\n
      \n\n\n\n
      namespace \u547d\u540d\u7a7a\u95f4<\/h2>\n\n\n\n
      namespace Home { \/\/ namespace \u4f1a\u751f\u6210\u5168\u5c40\u53d8\u91cf Home
          export class CreateHtml{
              constructor(){
                  
              }
          }
      }<\/code><\/pre>\n\n\n\n
      \n\n\n\n
      \u5b9a\u4e49\u5168\u5c40\u53d8\u91cf<\/h2>\n\n\n\n
      \/\/ \u5b9a\u4e49\u5168\u5c40\u53d8\u91cf
      declare var $ : (param:()=>void) = > void
      \u200b
      \/\/ \u5b9a\u4e49\u5168\u5c40\u51fd\u6570 & \u51fd\u6570\u91cd\u8f7d 
      declare function $(params:()=>void):void;
      declare function $(param:string):{html:(html:string)=>{}} <\/code><\/pre>\n\n\n\n
      \n\n\n\n
      \u6cdb\u578b\u4e2dkeyof\u4f7f\u7528<\/h3>\n\n\n\n
      interface Person {
          name:string,
          age:number,
          gender:string
      }
      class Teacher{
          constructor(private info:Person){}
          getInfo<T extends keyof Person>(key:T): Person[T]{
              return this.info[key];
          }
      }
      const tercher = new Thacher({
          name:'dell',
          age:18,
          gender:\"male\"
      })
      const test = teacher.getInfo(\"hello\")
      console.log(test)
      \u200b<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
      \u7c7b\u578b\u65ad\u8a00 \u679a\u4e3e\u7c7b\u578b \u6cdb\u578b \u51fd\u6570\u4e2d\u4f7f\u7528\u6cdb\u578b \u7c7b\u4e2d\u4f7f\u7528\u6cdb\u578b \u6cdb\u578b\u4e2dkeyof\u4f7f\u7528 namespace\u547d\u540d\u7a7a\u95f4 \u5b9a\u4e49 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-334","post","type-post","status-publish","format-standard","hentry","category-typescript"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=334"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/334\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}