typescript

定義
JavaScript的超級類型,包含
ES6;
靜態(tài)類型語言,類型檢查,接口、oop非常完善;
可以編譯成JavaScript在瀏覽器運行
安裝
npm i typescript -g

tsc常用命令
tsc --init 初始化項目
tsc ./src/xxx.ts 編譯某個文件
tsc -w 檢測變化并編譯

tsconfig.json修改


image.png

ts常見類型
boolean布爾類型
let b:boolean=true;
number數(shù)字
let num:number = 20;
string字符串
let str:string = "武漢";
數(shù)組
let arr:number[] =[1,2,3,4];
let arr2:Array<string> = ['我','喜','歡','瓜'];
let arr3:any[]=["abc",456];
任意any
let notSure:any[]=["123","abc",456];
沒有返回void
function fun():void{};
null類型只能是null
let n:null = null
undefined沒有定義
let u:undefined =undefined

接口


image.png

實現(xiàn)接口


image.png

使用


image.png

函數(shù)
函數(shù)返回值
function fun():void{}
無返回值
function fun():string{}
返回字符串類型
[一旦定義了返回類,在函數(shù)內(nèi)部必須要返回該類型]

參數(shù)
參數(shù)指定類型
function add(a:number,b:number):number{xxxxx}
參數(shù)可選
function add(a:number,b?:number):number{xxxxx}
參數(shù)默認值
function add(a:number,b:number=10):number{xxxxx}
箭頭函數(shù)
let add(a:number,b:number):number=>a+b

訪問修飾關(guān)鍵詞
1.修飾詞既可以修飾屬性,也可以修飾方法
[圖片上傳中...(image.png-1484b7-1588007490371-0)]

public默認修飾符,代表公開的
①class內(nèi)部可以訪問
②子類可以訪問
③實例也可以訪問

4.private私有的
①class內(nèi)部可以訪問
②子類不會繼承(不能訪問)
③實例不能訪問

5.protected保護的
①class內(nèi)部可以訪問
②子類會繼承,也可以訪問
③實例不能訪問

6.存儲器
[在設(shè)置或者訪問對象某個屬性時,可以做一些額外操作
實現(xiàn)的封裝,私有變量的隱藏]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 定義 JavaScript的超級類型,包含ES6; 靜態(tài)類型語言,類型檢查,接口、oop非常完善; 可以編譯成Ja...
    含含要暴怒閱讀 437評論 0 1
  • typescript 定義 type類型+ES6 javascript的超級 包含ES6 靜態(tài)類型語言 類型檢查,...
    char1閱讀 247評論 0 0
  • 一.定義 1.type類型+ES6 2.javascript的超級 3.包含ES6 4.靜態(tài)類型語言 5.類型檢查...
    耶啵_閱讀 269評論 0 1
  • typescript知識基礎(chǔ) typescript定義 type類型+ES6 java...
    中偉_3bef閱讀 235評論 0 2
  • 以下為學(xué)習(xí)極客時間 《TypeScript 開發(fā)實戰(zhàn)》的學(xué)習(xí)記錄。 TypeScript 環(huán)境配置 安裝 ts: ...
    微微笑的蝸牛閱讀 704評論 0 50

友情鏈接更多精彩內(nèi)容