typescript-開始動手敲

安裝Typescript：

使用npm安裝:

查看版本：

 

選擇可手的IDE：

Typescript的編寫，在Visual Studio和Webstrorm上都能獲得較好的代碼支持,這裏推薦兩篇博文，讓你們能夠方便地進行配置：

Visual Studio Code：http://www.cnblogs.com/sunjie9606/p/5945540.html

Webstorm:http://blog.chinaunix.net/uid-30198739-id-5739410.html

官網在線Compiler：http://www.typescriptlang.org/play/index.html

 

 

Typescript編譯配置-tsconfig.json

 1  {
 2      "compilerOptions": {
 3        "module": "commonjs",
 4         "target": "es5",  //編譯以後生成的JavaScript文件須要遵循的標準。有三個候選項：es三、es五、es2015。
 5      "noImplicitAny": false, //爲false時，若是編譯器沒法根據變量的使用來判斷類型時，將用any類型代替。爲true時，將進行強類型檢查，沒法推斷類型時，提示錯誤。
 6         "sourceMap": true, //編譯時是否生成對應的source map文件。這個文件主要用於前端調試。當前端js文件被壓縮引用後，出錯時可藉助同名的source map文件查找源文件中錯誤位置。
 7          "allowJs": true
 8    }
 9      ,
10      "exclude": [
11          "node_modules"
12      ]
13  }

 

 

 

• Typescript的編譯是按照這些設定的規則去將「.ts」文件轉化成符合要求的「.js」文件

 

Typescript "HelloWorld"

greeter.ts

greeter.js

running result:

 tsconfig中target不一樣的屬性值的效果

Before Compilation(TS):

After Compilation(JS):

 ES3:

　　

ES5:

　　

ES6:

　　

•  使得你不須要再去擔憂瀏覽器對你的JS代碼的兼容，瀏覽器須要哪個Version的Javascript那麼咱們就即刻編譯提供
• 不用再去糾結prototype和_proto相關的原型鏈問題