typescript 01 認識ts和ts的類型

 

看ITYING ts專輯（前三集總結）

TypeScript 是 Javascript 的超級，遵循最新的 ES6、Es5 規范。TypeScript 擴展了 JavaScript 的語法。
TypeScript 更像后端 java、C#這樣的面向對象語言可以讓 js 開發大型企業項目，一張圖概括

npm install -g typescript

先全局安裝一下，在vscode配置，找到新建ts的目錄下，創建 tsconfig.json 文件（當前目錄執行 tsc --init 生成配置文件） 

找到vscode 的Tmeinal--->Run Task-->點擊 tsc:監視-tsconfig.json 然后就可以自動生成代碼了

 

就生成了（outDir就相當於webpack的指定輸出文件的位置）

搞定了。

 

*********************************************************************************ts的類型******************************************************************************************

布爾類型（boolean）

數字類型（number）

字符串類型(string)

數組類型（array）

元組類型（tuple）

枚舉類型（enum）

 

任意類型（any）

null 和 undefined

void類型

never類型

一一介紹，別急，說白了就是定義變量的時候要指定類型，賦予的值也必須同等類型，不然編譯ts文件報錯，（頁面上依然能展示出來）

自己定義一個ts自己試一下就搞定

var flag:boolean=false 

var num:number=123

var str:string='this is ts';
// 數組類型（array）  ts中定義數組有兩種方式
 // 1.第一種定義數組的方式

 var arr:number[]=[11,22,33];

 console.log(arr);
 //2.第二種定義數組的方式

 var arr2:Array<number>=[11,22,33];

 console.log(arr2)
  //3、第三種

  var arr3:any[]=['131214',22,true];

  console.log(arr3);


  // 元組類型（tuple）  屬於數組的一種
  let arr001:[number,string]=[123,'this is ts'];

  console.log(arr);

//   枚舉類型（enum）

/*語法，就是后台經常用的那個狀態碼 1表示啥 2表示是啥（舉個栗子）
    enum 枚舉名{ 
        標識符[=整型常數], 
        標識符[=整型常數], 
        ... 
        標識符[=整型常數], 
    } ;  
    */

    
   enum Flag {
       success=1,
       error=2};

   let s:Flag=Flag.success;
   console.log(s);

// 任意類型（any）這尼瑪就相當於  無敵的存在

    var num001:any=123;

    num001='str';

    num001=true;
// null 和 undefined  其他（never類型）數據類型的子類型// 
var num002:undefined;

var num003:number | undefined;


num003=123;

console.log(num003);//123如果沒有復制就是undefined

// void類型 :typescript中的void表示沒有任何類型，一般用於定義方法的時候方法沒有返回值。
function run():void{

    console.log('run')
}

run();
    /*
       function run():number{

           return 123;//有返回值也可以就得定義number
        }

        run();
       */

 // never類型:是其他類型 （包括 null 和 undefined）的子類型，代表從不會出現的值。

//這意味着聲明never的變量只能被never類型所賦值。這個一般用的不多
  /*
   
    var a:undefined;

    a=undefined;



    var b:null;

    b=null;


   */