Ts Day1

官網(wǎng)文檔鏈接

typescript是javascript的超集涤伐,所以js能干的是ts都能干。ts簡單理解無非就是加了類型的js揩徊,通過tsc可以將編寫的ts代碼轉(zhuǎn)化成js代碼似芝,所以web app可以用ts寫,node app也可以用ts寫赐稽,只是最后要有一步代碼的轉(zhuǎn)化叫榕。

Type(類型)

  • “js是沒有類型的”浑侥,也就是說一個變量在賦值之后是可以賦其他類型的值的。
var name = 'Mike';//ok
name = 5;//ok

如果只是簡單的測試晰绎,這上面的代碼是沒問題的寓落。但在一個大型的應(yīng)用中,一個變量應(yīng)該有它對應(yīng)的實際意義荞下,顯然name是個名字伶选,那么我們在之后使用這個變量的地方,都期望是個字符串而不應(yīng)該給它賦值5锄弱。
在ts中考蕾,很重要的一點就是類型聲明。在確定了一個變量的類型之后会宪,之后的使用過程中就不能修改它的類型肖卧。

var name:string = 'Mike';//ok
name = 5;//error

在之后的那么的name的使用過程中,都要按照string類型來處理掸鹅,否則tsc就會提示你有類型錯誤塞帐。

  • ts中使用的類型跟js中是一樣的,有原生類型(boolean巍沙,number葵姥,string),數(shù)組句携,對象榔幸,自定義對象。
var name:string = 'Mike';
var age:number = 18;
var isLive:boolean = true;
//names數(shù)組矮嫉。類型定義就是元素的類型后面加上個方括號
var names:string[] = ['Mike','James','Nick'];
//sayHello的類型是一個方法削咆,參數(shù)是一個字符串,返回值也是一個字符串
var sayHello:(name:string) => string;
sayHello = function(name:string){
  return 'Hello,'+name;
}
  • 接口(interface)是ts中獨有的用來描述‘事物外形’(shape)的技術(shù)蠢笋。
interface Person{
  name:string;
  age:number;
}
var person = {
  name:'Mike',
  age:18;    
}

接口其實是不存在的拨齐,在最后導(dǎo)出的js文件中什么也看不到,它是為了類型檢查而來的

  • 數(shù)組中所有的元素的類型都是相同的昨寞,所以在push等操作的時候會對目標(biāo)元素的類型進行判斷瞻惋,如果不一樣就會報錯惹想。這樣的好處就是如果我們要對數(shù)組的元素進行操作蔑鹦,那么我們在開始之前就明確知道這些元素是什么類型的,它們到底長啥樣芥炭,有啥屬性和方法享怀。
  • 有類型就有類型轉(zhuǎn)化羽峰。ts中類型轉(zhuǎn)化要用明確的方式去說明,語法就是:<type>凹蜈,type是目標(biāo)類型限寞。
interface Person{
  name:string;
}
interface Man{
  name:string;
  age:number;
}
//ok.因為后面的對象符合Person接口所描述的對象外形
var person:Person = {
  name:'Mike',
  age:18
}
var man:Man = {
  name:'Mike',
  age:18
}
var aMan:Man = person;//error
var bMan:Man = <Man>person;//ok
var name:string = 'Mike';
var age:number = <number>name;//error
//雖然編譯的時候可以通過,但只是說可以通過編譯仰坦,這么用是十分危險的履植,指代不明。
var age:number = <number><any>name;//ok
//上面用到了ts中的一個萬能類型any悄晃,任意的玫霎。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市妈橄,隨后出現(xiàn)的幾起案子庶近,更是在濱河造成了極大的恐慌,老刑警劉巖眷蚓,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鼻种,死亡現(xiàn)場離奇詭異,居然都是意外死亡沙热,警方通過查閱死者的電腦和手機叉钥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來篙贸,“玉大人投队,你說我怎么就攤上這事【舸ǎ” “怎么了敷鸦?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長寝贡。 經(jīng)常有香客問我扒披,道長,這世上最難降的妖魔是什么兔甘? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任谎碍,我火速辦了婚禮,結(jié)果婚禮上洞焙,老公的妹妹穿的比我還像新娘蟆淀。我一直安慰自己,他們只是感情好澡匪,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布熔任。 她就那樣靜靜地躺著,像睡著了一般唁情。 火紅的嫁衣襯著肌膚如雪疑苔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天甸鸟,我揣著相機與錄音惦费,去河邊找鬼兵迅。 笑死,一個胖子當(dāng)著我的面吹牛薪贫,可吹牛的內(nèi)容都是我干的恍箭。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瞧省,長吁一口氣:“原來是場噩夢啊……” “哼扯夭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鞍匾,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤交洗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后橡淑,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體构拳,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年梁棠,在試婚紗的時候發(fā)現(xiàn)自己被綠了隐圾。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡掰茶,死狀恐怖暇藏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情濒蒋,我是刑警寧澤盐碱,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站沪伙,受9級特大地震影響瓮顽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜围橡,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一暖混、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧翁授,春花似錦拣播、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至塞赂,卻和暖如春泪勒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工圆存, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留叼旋,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓沦辙,卻偏偏與公主長得像送淆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怕轿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

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

  • 20- 枚舉,枚舉原始值,枚舉相關(guān)值,switch提取枚舉關(guān)聯(lián)值 Swift枚舉: Swift中的枚舉比OC中的枚...
    iOS_恒仔閱讀 2,278評論 1 6
  • 慕課網(wǎng)@JoJozhai 老師 TypeScript入門課程分享 TypeScript入門 ES5,ES6,JS,...
    shangpudxd閱讀 10,432評論 0 22
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)辟拷,斷路器撞羽,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • SwiftDay011.MySwiftimport UIKitprintln("Hello Swift!")var...
    smile麗語閱讀 3,836評論 0 6
  • 倪文達獨自在客廳里,這段時間他一直心事重重衫冻,展開自己的左手诀紊,他默默的看著,那么堅硬和結(jié)實的手隅俘,那天就是用這只手把兒...
    魔寧閱讀 225評論 0 0