前言:Javasctipt想必大家都不陌生,所謂TypeScript 是 JavaScript 的超集,擴充了 JavaScript 的文法,是以現有的 JavaScript 代碼可與 TypeScript 一起工作無需任何修改,TypeScript 通過類型注解提供編譯時的靜态類型檢查。
TypeScript 可處理已有的 JavaScript 代碼,并隻對其中的 TypeScript 代碼進行編譯。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLi0zaHRGcWdUYuVzVa9GczoVdG1mWfVGc5RHLwkzX39GZhh2csATMflHLwEzX4xSZz91ZsADMx8FdsYkRGZkRG9lcvx2bjxSa2EWNhJTW1AlUxEFeVRUUfRHelRHL2EzXlpXazxyayFWbyVGdhd3LcV2Zh1Wa9M3clN2byBXLzN3btg3PnVGcq5SM2Y2M4gjZxY2YyczN0EjMxYjZ4MDZ2UDOlJjMilzYk9CX5EzLclDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLzM3Lc9CX6MHc0RHaiojIsJye.jpeg)
一.TypeScript安裝
二.TypeScript轉換為JAVAscript
三.TypeScript基礎文法
1.組成部分:
2.tsc常用參數:
3.ts保留關鍵字
4.ts注釋:
一.TypeScript安裝
TypeScript使用Npm進行安裝:
如果這樣感覺下載下傳慢的話,我們可以改成國内鏡像來進行安裝:
安裝完成後我們可以使用以下指令來檢視是否安裝成功:
二.TypeScript轉換為JAVAscript
1. 建立app.ts檔案,Typescript的檔案字尾名一般為<code>.ts</code>,JAVAscript的字尾名為<code>.js</code>
2. 我們使用<code>tsc app.ts</code>将我們的app.ts轉換為app.js檔案
那麼就會在同目錄下生成我們的<code>app.js</code>檔案
運作結果:
3. 其轉化的過程如下:
三.TypeScript基礎文法
子產品
函數
變量
語句和表達式
注釋
<col>
序号
編譯參數說明
1.
–help 顯示幫助資訊
2.
----module 載入擴充子產品
3.
–target 設定 ECMA 版本
4.
–declaration 額外生成一個 .d.ts 擴充名的檔案。tsc ts-hw.ts --declaration 以上指令會生成 ts-hw.d.ts、ts-hw.js 兩個檔案。
5.
–removeComments 删除檔案的注釋
6.
–out 編譯多個檔案并合并到一個輸出的檔案
7.
–sourcemap 生成一個 sourcemap (.map) 檔案。sourcemap 是一個存儲源代碼與編譯代碼對應位置映射的資訊檔案。
8.
–module noImplicitAny 在表達式和聲明上有隐含的 any 類型時報錯
9.
–watch 在監視模式下運作編譯器。會監視輸出檔案,在它們改變時重新編譯。
break
as
catch
switch
case
if
throw
else
var
number
string
get
module
type
instanceof
typeof
public
private
enum
export
finally
for
while
void
null
super
this
new
in
return
true
false
any
extends
static
let
package
implements
interface
function
try
yield
const
continue
do
TypeScript 支援兩種類型的注釋:
單行注釋 <code>( // )</code> − 在 // 後面的文字都是注釋内容。
多行注釋 <code>(/* */)</code> − 這種注釋可以跨越多行。
不要讓追求之舟停泊在幻想的港灣,而應揚起奮鬥的風帆,駛向現實生活的大海。