03多種方式創(chuàng)建對象篇

1、前言為了解決JavaScript：缺少面向?qū)ο笳Z法、缺少編譯期間錯誤檢查.等等問題。微軟提供了一個開源的TypeScript語言，讓開發(fā)人員能夠使用面向?qū)ο笞珜慣ypeScript程序代碼，接著再透過TypeScript編譯程序?qū)⒊绦虼a編譯成為JavaScript程序代碼，就能夠建立經(jīng)過編譯檢查的JavaScript程序代碼來提供平臺使用。本篇文章介紹如何在Windows、OS X操作系統(tǒng)中，透過Visual Studio Code這個工具開發(fā)TypeScript，讓沒有預(yù)算添購相關(guān)工具的開發(fā)人員，也能夠?qū)W習(xí)TypeScript的語法。主要為自己留個紀(jì)錄，也希望能幫助到有需要的開發(fā)人員。安裝

2、Node.js首先要安裝Node.js，后續(xù)就可以使用NPM這個工具來安裝TypeScript Compiler。而Node.js的安裝程序，可以從Node.js官網(wǎng)下載。 HYPERLINK /download/ /download/安裝TypeScript Compiler安裝TypeScript Compiler裝完Node.js，接著就可以使用NPM來安裝TypeScript Compiler，之后就能透過這個Compiler來將TypeScript編譯成為JavaScript。開發(fā)人員使用命令提示字符(or終端機(jī))，輸入下列指令即可完成TypeScript Compiler的安裝。n

3、pm install -g typescript更新TypeScript Compiler檢視上一個步驟所安裝的TypeScript Compiler，會發(fā)現(xiàn)安裝的版本為1.4.1。但是因?yàn)楹罄m(xù)步驟，需要使用到1.5.0版新加入的功能，所以開發(fā)人員同樣使用命令提示字符(or終端機(jī))，輸入下列指令來更新TypeScript Compiler到1.5.0版以上。npm update -g typescript移除環(huán)境變量(Windows only)有些開發(fā)人員的計(jì)算機(jī)，先前可能已經(jīng)安裝過TypeScript相關(guān)工具，這些工具會在Windows環(huán)境變量中加入TypeScript Compiler的安

4、裝路徑。為了統(tǒng)一使用NPM來管理TypeScript Compiler的版本，開發(fā)人員需要手動從環(huán)境變量中移除TypeScript Compiler的安裝路徑：C:Program Files (x86)Microsoft SDKsTypeScript1.0安裝Visual Studio Code裝完TypeScript Compiler，接著安裝Visual Studio Code，之后就能透過Visual Studio Code來開發(fā)TypeScript程序代碼。而Visual Studio Code的安裝程序，可以從Visual Studio Code官網(wǎng)下載。 HYPERLINK /Do

5、wnload /Download開發(fā)TypeScript建立Workspace完成安裝步驟后，開啟Visual Studio Code,并且選取一個文件夾做為開發(fā)TypeScript的工作文件夾(Workspace)。建立tsconfig.json接著在Workspace加入一個新檔案tsconfig.json，并且輸入下列JSON設(shè)定參數(shù)。 compilerOptions: target: es5, noImplicitAny: false, module: amd, removeComments: false, sourceMap: true 建立.settingstasks.json再來

6、同樣在Workspace加入一個新文件夾.settings，并且在這個文件夾中加入一個新檔案tasks.json，接著輸入下列JSON設(shè)定參數(shù)。 version: 0.1.0, command: tsc, isShellCommand: true, showOutput: always, args: -p, ., problemMatcher: $tsc開發(fā)main.ts完成上述步驟后，在Workspace加入一個新檔案main.ts，并且輸入下列TypeScript程序代碼。class Greeter data: string; constructor(data: string) this.

7、data = data; run() alert(this.data); window.onload = () = var greeter = new Greeter(Clark); greeter.run();最后按下快捷鍵Ctrl+Shift+B，就可以看到Visual Studio Code編譯TypeScript,并且輸出對應(yīng)的JavaScript檔案：main.js。var Greeter = (function () function Greeter(data) this.data = data; Gtotype.run = function () alert(this.data); ; return Greeter;