初始typescript及vscode環境配置

標籤：建立   rip   eof   div   等等   額外   數字   node   nts   

什麼是typescript？為什麼要用它？

typescript簡稱ts，是js文法的一個超級，由微軟團隊維護的

 

js特點（不足）

 

弱類型：js中的資料變數沒有確定的類型，可以儲存物件，可以儲存數字，可以儲存字串等等

 

動態：我定義的變數，到底是什麼類型的，需要多少儲存空間，我們定義時不知道，只有在執行的時候臨時分配

因此開發人員希望js像強型別語言那樣，可以在運行前將記憶體空間分配出來，所以ts就是基於這種思想設計出來的，是一個強型別的語言

在大型項目中，代碼可維護性可延展性等等尤為很重要，因此物件導向開發顯得尤為重要，但是js沒有class，extends，interface，implements，public，static等等概念，因此js中的類、繼承等都是類比的，這樣就要增加一些額外的開銷，這些開銷在大型項目中是不可忽視的。因此ts實現了這些功能

 

 

ts實現了太多的功能，但是沒有被瀏覽器支援，所以我們要編譯

一、下載安裝node環境，這個就不用多介紹了。

1、建立一個練習目錄，在該目錄下的終端（cmd ）直接輸入 npm init  它會給我們建立一個package.json的檔案，相當於初始化一個項目目錄。

2、在終端輸入 npm typescript -g 他就會在全域下安裝ts需要的環境。

3、好了，我們開始寫以 xxx.ts尾碼的檔案，並執行 tsc xxx.ts,或者 tsc xxx.ts --watch 這時他就會制動編譯成一個與之同名的xxx.js檔案 這樣一來瀏覽器就可以識別了，我們就可以盡情地練習Ts的文法了。

二、變數的資料類型

let a:string = ‘bbb‘;let num:number = 123;let bol:boolean = true;let color: any = ‘red‘;var other:number[] = [1,2,3];let y:[number,string] =  [1,‘hello‘];//元組console.log(bol)

二、定義函數

// 定義函數// 如果一個參數，返回num1+10，如果兩個參數，返回兩個參數之和function add(num1, num2) {    if (typeof num2 === ‘undefined‘) {        return num1 + 10;    }    else {        return num1 + num2;    }}console.log(add(10));console.log(add(10, 20));

 

初始typescript及vscode環境配置