TS裝飾器：基礎(chǔ)用法

1、TS裝飾器（1）:基礎(chǔ)用法TS裝飾器：基礎(chǔ)用法1、什么是裝飾器裝飾器是通過添加標(biāo)注的方式，來對類型進行擴展的一種方式。只能在類中使用減少冗余代碼量提高代碼擴展性2、裝飾器語法裝飾器的使用非常簡單，裝飾器本質(zhì)就是一個函數(shù)，在特定的位置調(diào)用裝飾器函數(shù)即可對數(shù)據(jù)（類、方法、甚至參數(shù)等）進行擴展。下面例子演示給MyTestableClass類添加靜態(tài)屬性isTestable:testableclassMyTestableClassfunctiontestable(target)target.isTestable=true;MyTestableClass.isTestable/truesssw摘fig碎

2、豫ggsw沁出碎gg；飩邏遞；蟲巒；紳；擁磁3、裝飾器的分類裝飾器是一個函數(shù)，它可以通丸nName在類、方法、訪問符、屬性、參數(shù)上，對它們進行包裝，然后返回一個包裝后的目標(biāo)對象（類法、訪問符、屬性、參數(shù)）。3.1、類裝飾器類裝飾器表達(dá)式會在運行時當(dāng)作函數(shù)被調(diào)用，類的構(gòu)造函數(shù)作為其唯一的參數(shù)。下面例子演示給MyTestableClass類添加靜態(tài)屬性isTestable:源代碼:testableclassMyTestableClassfunctiontestable(target)target.isTestable=true;MyTestableClass.isTestable/trueftfr

3、新mbD打勵n拆！M柯BWd：fjOB:f爭Fbb】誕賀疔：)callMif-e-jrbEil91jrgc-tJleirqthi1SynbolSyr.tint.ileruEcrl!fvAlUMfJIPrototype):flbjKlimage3.2、類方法裝飾器方法裝飾器表達(dá)式會在運行時當(dāng)作函數(shù)被調(diào)用，傳入下列3個參數(shù):對于靜態(tài)成員來說是類的構(gòu)造函數(shù)，對于實例成員是類的原型對象。成員的名字。成員的屬性描述符。下面的例子演示讓類的方法變?yōu)橹蛔x。(1)實例方法functionreadonly(target,name,descriptor)descriptor.writable=false;retu

4、rndescriptor;classCatreadonlysay()consoleog(meow);r：申;*中fj1上:rguTTcr?t5fJ)1C.jtcraMrJjffl-Uay：fjI:酣EtrullG/i?Ea-yp-ZjwritabldfatsEi.enunerafiilejtruejcanfugurableitrue(value:/tiller：fFdctoulN【刖能J臨疋.descrlpi&fjLnfth：JwSyabal(Sywbol.ita-rator)z/LkTxfJIProtoiyeJ:GbJ-ectIimage(2)靜態(tài)方法classMyTestableClass

5、testablestaticsleep()functiontestable(target,name,descriptor)target.isTestable=true;MyTestableClass.isTestable/truecJWKxgxWiW?SWKjMxwxyxwwjMtwxyx?jMtwxyx?nmxgxxxx?mxkx?jc?wcjwwxyx?nmxyxMMjMxwxyx?jmxkxjjc?3.3、類屬性裝飾器屬性裝飾器表達(dá)式會在運行時當(dāng)作函數(shù)被調(diào)用，傳入下列2個參數(shù)：對于靜態(tài)成員來說是類的構(gòu)造函數(shù)，對于實例成員是類的原型對象。成員的名字。屬性描述符不會做為參數(shù)傳入屬性裝飾器，這

6、與TypeScript是如何初始化屬性裝飾器的有關(guān)。官方文檔有說明。classMyTestableClasstestablename:string;constructor(name:string)=name;functiontestable(target,name)console。g(arguments)f-hbaffle*,wrrdffined,c&llccsf,SymtooI(Symbol11erator):-fjH訪問器裝飾-參數(shù)裝飾=方法裝飾靜態(tài)裝飾器:屬性=訪問器=參數(shù)=方法類裝飾器5、復(fù)合裝飾器d1d2classGreetergreeting:string;con

7、structor(message:string)this.greeting=message;greet()returnHello,+this.greeting;functiond1(target:Function)functiond2(target:Function)購磁g芟:緞股股芟:緞股股豳磁g芟:緞股股芟:緞股股豳磁g芟:緞股股芟:緞股股豳磁g碳:磁喪:靈:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:磁g碳:瘵_6、裝飾器工廠如果我們需要給裝飾器執(zhí)行過程中傳入一些參數(shù)的時候，就可以使用裝飾器工廠來實現(xiàn)，它返回一個裝飾器函數(shù)。Controller(use門classGreetergreeting:string;constructor(message:string)this.greeting=message;greet(