Mixins

介紹

除了傳統(tǒng)的面向?qū)ο罄^承方式古劲,還有流行一種通過可重用組件創(chuàng)建類的方式滑绒,就是聯(lián)合另一個簡單類的代碼

// TS中使用混入: Disposable Mixin
class Disposable {
  isDisposed: boolean;
  dispose() {
    this.isDisposed = true;
  }
}
// Activatable Mixin
class Activatable {
  isActive: boolean;
  activate() {
    this.isActive = true;
  }
  deactivate() {
    this.isActive = false;
  }
}

// 沒使用extends而是使用implements踱阿。 把類當(dāng)成了接口佛点,僅使用Disposable和Activatable的類型而非其實現(xiàn)
class SmartObject implements Disposable, Activatable {
  constructor(){
    setInterval(() => {
      console.log(this.isActive + ' : ' + this.isDisposed)
    }, 500)
  }
  interact(){
    this.activate();
  }
  // 為將要mixin進(jìn)來的屬性方法創(chuàng)建出占位屬性。 這告訴編譯器這些成員在運行時是可用的。 這樣就能使用mixin帶來的便利,雖說需要提前定義一些占位屬性
  isDisposed: boolean = false;
  dispose: () => void;
  isActive: boolean = false;
  activate: () => void;
  deactivate: () => void;
}

applyMixins(SmartObject, [Disposable, Activatable]);

let smartObj = new SmartObject();
setTimeout(() => {
  smartObj.interact()
}, 1000)
// 它會遍歷mixins上的所有屬性史侣,并復(fù)制到目標(biāo)上去回季,把之前的占位屬性替換成真正的實現(xiàn)代碼
function applyMixins (derivedCtor: any, baseCtors: any[]){
  baseCtors.forEach(baseCtors => {
    Object.getOwnPropertyNames(baseCtors.prototype).forEach(name => {
      derivedCtor.prototype[name] = baseCtors.prototype[name];
    })
  })
}

三斜線指令

三斜線指令是包含單個XML標(biāo)簽的單行注釋,注釋的內(nèi)容會作為編譯器指令使用
三斜線引用告訴編譯器在編譯過程中要引入的額外的文件

三斜線指令僅可以放在包含他的文件的最頂端,一個三斜線指令的前面只能出現(xiàn)單行或多行注釋,這包括其他的三斜線指令

如果他出現(xiàn)在一個語句或聲明之后劲弦,那么他們會被當(dāng)做普通的單行注釋,并且不具有特殊的含義

預(yù)處理輸入文件:
解析:編譯器會對輸入文件進(jìn)行預(yù)處理來解析所有三斜線引用指令轴踱,在這個過程中,額外的文件會加到編譯過程中
查找:查找文件是以一些根文件開始(命令中指定文件或在tsconfig.json中的files列表里的文件)细办,這些根文件按指定的順序進(jìn)行預(yù)處理坚踩。
處理順序:三斜線引用以他們在文件里出現(xiàn)的順序,使用深度優(yōu)先的方式解析
錯誤:引用不存在的文件會報錯,一個文件用三斜線指令引用自己會報錯
noResolve:如果指定了noResolve編譯選項,三斜線引用會被忽略鸵隧,他們不會增加新文件豆瘫,也不會改變給定文件的順序

若要在.ts文件里聲明一個對@types包的依賴略步,使用--types命令行選項或在tsconfig.json里指定

// 下面指令是三斜線指令中最常見的一種杭煎,它用于聲明文件間的依賴
/// <reference path = "..." />
// 表明這個文件使用了 @types/node/index.d.ts里面聲明的名字雷恃; 并且人弓,這個包需要在編譯階段與聲明文件一起被包含進(jìn)來
// 僅當(dāng)在你需要寫一個d.ts文件時才使用這個指令
/// <reference types="node" />
// 這個指令把一個文件標(biāo)記成默認(rèn)庫着逐。 你會在 lib.d.ts文件和它不同的變體的頂端看到這個注釋
/// <reference no-default-lib="true"/>
// 當(dāng)一些工具需要處理生成的模塊時會產(chǎn)生問題票从,比如 r.js。
// amd-module指令允許給編譯器傳入一個可選的模塊名:
/// <amd-module />
///<amd-module name='NamedModule'/>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末滨嘱,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子浸间,更是在濱河造成了極大的恐慌太雨,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件魁蒜,死亡現(xiàn)場離奇詭異囊扳,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)兜看,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進(jìn)店門锥咸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人细移,你說我怎么就攤上這事搏予。” “怎么了弧轧?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵雪侥,是天一觀的道長碗殷。 經(jīng)常有香客問我,道長速缨,這世上最難降的妖魔是什么锌妻? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮旬牲,結(jié)果婚禮上仿粹,老公的妹妹穿的比我還像新娘。我一直安慰自己原茅,他們只是感情好吭历,可當(dāng)我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著员咽,像睡著了一般毒涧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贝室,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天契讲,我揣著相機(jī)與錄音,去河邊找鬼滑频。 笑死捡偏,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的峡迷。 我是一名探鬼主播银伟,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼绘搞!你這毒婦竟也來了彤避?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤夯辖,失蹤者是張志新(化名)和其女友劉穎琉预,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蒿褂,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡圆米,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了啄栓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片娄帖。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖昙楚,靈堂內(nèi)的尸體忽然破棺而出近速,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布数焊,位于F島的核電站永淌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏佩耳。R本人自食惡果不足惜遂蛀,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望干厚。 院中可真熱鬧李滴,春花似錦、人聲如沸蛮瞄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挂捅。三九已至芹助,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間闲先,已是汗流浹背状土。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留伺糠,地道東北人蒙谓。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像训桶,于是被迫代替她去往敵國和親累驮。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,527評論 2 349

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