1. 程式人生 > >TypeScript 入門(一)

TypeScript 入門(一)

一、TypeScript介紹 1. TypeScript 是由微軟開發的一款開源的程式語言。 2. TypeScript 更像後端 java、C#這樣的面嚮物件語言可以讓 js 開發大型企業專案。 3、TypeScript 是 Javascript 的超級,遵循最新的 ES6、Es5 規範。TypeScript 擴充套件了 JavaScript 的語法。 4、谷歌也在大力支援 Typescript 的推廣,谷歌的 angular2.x+就是基於 Typescript 語法。 5、最新的 Vue 、React 也可以整合 TypeScript。

二、Typescript  安裝、編譯 1、安裝 1.1、首先需要安裝nodejs 1.2、npm install -g typescript 2、編譯 2.1、建立helloworld.ts console.log("hello world"); 2.2、tsc helloworld.ts 會生成helloworld.js 3、vscode 編譯(下載visual studio code) 3.1、建立 tsconfig.json 檔案  執行 tsc --init 生成配置檔案tsconfig.json  3.2、用vscode開啟專案 3.3、點選選單 任務-執行任務  點選 tsc:監視-tsconfig.json 然後就可以自動生成程式碼

三、TypeScript的資料型別 1、布林型別(boolean) var flag:boolean = true; 2、數字型別(number) var num:number = 1; 3、字串型別(string) var str:string = "str";  4、陣列型別(array)定義一般有二種 定義1 var arr:number[] = [123,456]; 定義2 var arr1:Array<number> = [123,456]; 5、元組型別(tuple)可以為陣列中每一項定義指定型別 var tuple:[number,string] = [123,'3455']; 6、列舉型別(enum) //如果標識沒有賦值,就是下標 enum DAY { MON=1, TUE, WED=3, THU=4, FRI=5, SAT=6, SUN=7}; var today:DAY = DAY.MON; 7、任意型別(any) var num1:any = 123; num1 = '11'; 8、null 和 undefined var und: undefined; // 一個元素可以定義多個數據型別 // 定義一個定義可以是 number 或 字元 或undefined var und1: number | string | undefined; var b1 :string | null; b1 ='1222'; 9、void 型別 // 方法沒有返回值 function fn() : void { } 10、never型別  是其它型別(包括null 和undefined)的子型別,代表不會出現的值, 這意味著宣告never的變數只能被 never型別賦值 var  ts : never; ts = (()=>{  throw new Error(); } )();