TypeScript 環境安裝及使用

2021-09-23 06:31:41 字數 1690 閱讀 9843

1). typescript官網

2). node

npm --verison
# 設定映象源

npm config set registry --global

npm config set disturl --global

npm install -g typescript
tsc filename.ts
3). 語法特性

4). 使用

alert('hello world in typescript!');
tsc index.ts
執行改命令後再ts檔案同級目錄生成index.js檔案

效果.png

5). 型別批註

function area(shape: string, width: number, height: number): string 

document.write(area('rectangle', 30, 15));

6). 介面
inte***ce shape 

function area(shape: shape): string

document.write(area());

7). 箭頭函式表示式(lambda表示式)
var shape = , 3000);

}}shape.popup();

8). 類
class shape 

shoutout()

}var square = new shape("square", 30, 30);

console.log(square.shoutout);

console.log('area of shape: ' + square.area);

console.log('name of shape: ' + square.name);

console.log('color of shape: ' + square.color); // 未定義

console.log('width of shape: ' + square.width); // 未定義

console.log('height of shape: ' + square.height); // 未定義

9). 繼承
class shape 

shoutout()

}class shape3d extends shape

shoutout()

supershout()

}var cube = new shape3d("cube", 30, 30, 30);

console.log(cube.shoutout());

console.log(cube.supershout());

TypeScript 安裝搭建

官網 ts 的靜態型別使得開發過程中,發現潛在的問題 編輯器有更好的 提示 型別定義,潛在型別 安裝node 全域性安裝typescript npm install typescript g 執行方法一 分步驟執行 編譯 tsc 檔案路徑.ts 執行 node 檔案路徑.js 方法二 安裝ts no...

typescript安裝執行

1.執行ts需要有node環境 如何安裝node環境 2.開啟終端全域性安裝typescript npm install g typescript3.新建typescriptdemo資料夾,資料夾中新建demo1.ts編寫 function tsyang tsyang 此時我們的檔案是ts檔案,直接...

centos 環境安裝 及 thrift安裝

一.centos環境安裝及上網配置 2 centos 修改dns 修改對應網絡卡的dns的配置檔案 vi etc resolv.conf 修改以下內容 nameserver 8.8.8.8 google網域名稱伺服器 3 centos 修改閘道器 修改對應網絡卡的閘道器的配置檔案 root cent...