TypeScript

typescript

定義

  • type類型+ES6
  • javascript 的超級
    包含ES6
  • 靜態(tài)類型語言
    類型檢查贼邓,接口绰姻,oop非常完善
  • 可以編譯成JavaScript 在瀏覽器運行

安裝

npm i typescript -g

tsc常用命令

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

tsconfig.json

{"complierOptions":{
    "outDir": "./dist",         //輸出文件夾            
    "rootDir": "./src",         //源文件夾            
}}

ts 常見類型

  1. boolean布爾
    let b:boolean = true;
  2. number 數(shù)字
    let num:number = 18;
  3. string 字符串
    let str:string = "I love you";
  4. 數(shù)組
let arr:number[]=[1,3,5,7,9];
let arr2:Array<string> = ["I","love","typescript"];
let arr3:any[] = ["123","456",789];
  1. 對象 Object
    let obj:Object = {name:"yy",age:18}
  2. 任意 any
    let notSure:any = "yapan";
  3. 沒有返回 void
    function fun():void{ }
  4. null 類型只能是null
    let n:null = null;
  5. undefined 沒有定義
    let u:undefined = undefined;

面向?qū)ο驩OP

  • 封裝
  • 繼承
  • 多態(tài)
  • 接口

接口

接口

  • 定義
 interface Person{
    name:string,
    age:number
}
  • 實現(xiàn)接口
let user:Person = {
    name:"yaya",
    age:18,
}
  • 使用
function fun(p:Person){
    console.log(p);
}
fun(user)

可選接口

interface SquareConfig{
    color?:string,
    width?:number
}

只讀接口

interface Point {
    readonly x:number,
    readonly y:number,
}

函數(shù)

函數(shù)返回值

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

參數(shù)

參數(shù)指定類型
function add(x:number,y:number): number{}
參數(shù)可選
function add(x:number,y?:number): number{ }
參數(shù)默認(rèn)
function add(x:number,y:number=20): number{ }

箭頭函數(shù)

let add = (x:number,y:number):number =>x+y;

和ES6一致的

訪問修飾符

修飾符既可以修飾屬性龄砰,也可以修飾方法

class Animal{
    name:string;
    constructor(name:string){
        this.name =name;
}}

簡寫

class Animal{
    constructor(publicname:string){this.name =name; }
    private sayHi(){}
}
public:默認(rèn)修飾符畸颅,代表公開的
  • class內(nèi)部可以訪問
  • 子類可以訪問
  • 實例也可以訪問
private:私有的
  • class內(nèi)部可以訪問
  • 子類會繼承担巩,可以訪問
  • 實例不能訪問
protected:保護(hù)的
  • class內(nèi)部可以訪問
  • 子類會繼承,可以訪問
  • 實例不能訪問

存儲器

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

步驟
  • 01 定義私有變量 private_age:number;
  • 02 設(shè)置set
set age(val:number){
       this._age=age;
        //可以寫其他邏輯
}
//當(dāng)去實例.age=xxx 時候會被調(diào)用這個方法
  • 03 設(shè)置get
get age():number{
   return this._age;
  //...
}
//當(dāng)執(zhí)行 實例.age 時候被調(diào)用
  • 實例化訪問設(shè)置屬性
let c = new Cat("花花",2);
c.age(); //get age 方法被調(diào)用
c.age=18; //set 方法被調(diào)用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末涛癌,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子送火,更是在濱河造成了極大的恐慌拳话,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件种吸,死亡現(xiàn)場離奇詭異弃衍,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)坚俗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門镜盯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人猖败,你說我怎么就攤上這事速缆。” “怎么了恩闻?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵艺糜,是天一觀的道長。 經(jīng)常有香客問我判呕,道長倦踢,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任侠草,我火速辦了婚禮辱挥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘边涕。我一直安慰自己晤碘,他們只是感情好褂微,可當(dāng)我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著园爷,像睡著了一般宠蚂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上童社,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天求厕,我揣著相機(jī)與錄音,去河邊找鬼扰楼。 笑死呀癣,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的弦赖。 我是一名探鬼主播项栏,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蹬竖!你這毒婦竟也來了沼沈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤币厕,失蹤者是張志新(化名)和其女友劉穎列另,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體劈榨,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡访递,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年晦嵌,在試婚紗的時候發(fā)現(xiàn)自己被綠了同辣。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡惭载,死狀恐怖旱函,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情描滔,我是刑警寧澤棒妨,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站含长,受9級特大地震影響券腔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拘泞,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一纷纫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧陪腌,春花似錦辱魁、人聲如沸烟瞧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽参滴。三九已至,卻和暖如春锻弓,著一層夾襖步出監(jiān)牢的瞬間砾赔,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工青灼, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留过蹂,地道東北人。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓聚至,卻偏偏與公主長得像酷勺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子扳躬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 以下為學(xué)習(xí)極客時間 《TypeScript 開發(fā)實戰(zhàn)》的學(xué)習(xí)記錄脆诉。 TypeScript 環(huán)境配置 安裝 ts: ...
    微微笑的蝸牛閱讀 654評論 0 50
  • 前言 現(xiàn)在TypeScript越來越火,咱也趕一下潮流贷币,開始學(xué)習(xí)一下TypeScript击胜,在學(xué)習(xí)的同時做筆記記錄,...
    郝晨光閱讀 1,461評論 0 7
  • 前言 vue源碼看了有一段時間了,由于偷懶,一直沒有做記錄,今天重看,發(fā)現(xiàn)很多知識點有些遺忘,果然懶還是不能偷的....
    一二三kkxx閱讀 2,123評論 0 4
  • typescript 定義 type類型+ES6 javascript的超級 包含ES6 靜態(tài)類型語言 類型檢查役纹,...
    char1閱讀 190評論 0 0
  • 很多開發(fā)者對新生事物偶摔,會有畏懼的心情,其實促脉,靜下心來辰斋,大家會發(fā)現(xiàn),編程語言之間都是相通的瘸味,大同小異宫仗。因最近Coco...
    游戲開發(fā)大表哥閱讀 535評論 0 0