第一章
安裝angular-cli : npm install -g angular-cli
import語(yǔ)句的結(jié)構(gòu)是import{ things } form wherever
格式
我們把這部分的寫(xiě)法叫做解構(gòu)伞鲫。解構(gòu)是由ES6和TypeScript提供的一項(xiàng)特性秕脓。
創(chuàng)建新組件: ng generate component 組件名
CSS框架:Semantic-UI
瘪菌、Zurb Foundation
师妙、Twitter Bootstarp
迪米特法則http://en.wikipedia.org/wiki/Law_of_Demeter
,
迪米特法則法則是指:一個(gè)對(duì)象對(duì)其他對(duì)象的結(jié)構(gòu)或?qū)傩运鞯募僭O(shè)應(yīng)該越少越好默穴。
第二章:TypeScript
什么是ES5
蓄诽?什么是ES6
仑氛?
ES5
是ECMAScript 5
的縮寫(xiě)闸英,也被稱為“普通的JavaScript
”甫何。ES5
就是大家熟知的JavaScript
捶牢,他能夠運(yùn)行在大部分瀏覽器上。ES6
則是下一個(gè)版本的JavaScript
渐排。
TypeScript
是Microsoft
個(gè)Google
之間的官方合作項(xiàng)目飞盆。
TypeScript
相對(duì)于ES5
有五大改善:
類(lèi)型
類(lèi)
注解
模塊導(dǎo)入
語(yǔ)言工具包(比如結(jié)構(gòu))
TSUN
(TypeScript Upgraded Node
,支持TypeScript
的升級(jí)版Node
)
內(nèi)置類(lèi)型
字符串:string
數(shù)字:number
- 無(wú)論整數(shù)還是浮點(diǎn)數(shù)城看,任何類(lèi)型的數(shù)字都屬于number
類(lèi)型测柠。在TypeScript
中轰胁,所有的數(shù)字都是用浮點(diǎn)數(shù)表示的赃阀。
布爾類(lèi)型:boolean
數(shù)組:Array[type]
, type[ ]
枚舉:枚舉是一組可命名數(shù)值的集合(P51)
任意類(lèi)型:any - 如果我們沒(méi)有為變量指定類(lèi)型榛斯,那么他的默認(rèn)類(lèi)型就是any.
“ 無(wú) ” 類(lèi)型:void - 意味著我們不期望那里有類(lèi)型驮俗,它通常用作函數(shù)的返回值王凑。
類(lèi)
用class
關(guān)鍵字來(lái)定義一個(gè)類(lèi),緊隨其后的是類(lèi)名和類(lèi)的代碼塊术荤,類(lèi)可以包含屬性瓣戚、方法以及構(gòu)造函數(shù)子库。:
class Vehicle{
}
構(gòu)造函數(shù)
構(gòu)造函數(shù) 是當(dāng)類(lèi)進(jìn)行實(shí)例化時(shí)執(zhí)行的特殊函數(shù)宴倍。通常會(huì)在構(gòu)造函數(shù)中對(duì)新對(duì)象進(jìn)行初始化工作鸵贬。
構(gòu)造函數(shù)必須命名為constructor
阔逼。因?yàn)闃?gòu)造函數(shù)是在類(lèi)被實(shí)例化的時(shí)候調(diào)用的嗜浮,所以他們可以有輸入?yún)?shù)危融,但不能有任何返回值吉殃。
繼承
TypeScript
是完全支持繼承特性的寨腔,并不像ES5
那樣要靠原型鏈實(shí)現(xiàn)。繼承核心語(yǔ)法,用extends
關(guān)鍵字實(shí)現(xiàn)捅僵。
.forEach()
是Array
中的一個(gè)方法庙楚,他接收一個(gè)函數(shù)作為參數(shù)酪捡,并對(duì)數(shù)組中的每一個(gè)條目逐個(gè)調(diào)用該函數(shù)逛薇。
工具
胖箭頭函數(shù)語(yǔ)法(=>
) —— 是一種快速書(shū)寫(xiě)函數(shù)的簡(jiǎn)潔語(yǔ)法永罚。它和環(huán)繞它的外部代碼共享同一個(gè)this
//ES5-like example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach(function(line) { console.log(line) });
//TypeScript example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach((line) => console.log(line) );
最后編輯于 :2017.12.11 04:00:53
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者