TS寮虹被鍨嬮潪甯稿ソ鐢紝浣嗗湪瀹為檯浣跨敤涓紝闅惧厤浼氶亣鍒颁竴浜涢毦浠ユ弿杩帮紝鍙嶅闃呰瀹樻柟鏂囨。鏃犳硶瑙ｅ喅鐨勯棶棰樸€傝縿浠婁负姝紝杩樻病鏈変竴涓枃妗ｆ垨涓€濂楁暀鏉愬彲浠ヨВ鍐虫墍鏈夐棶棰樸€傝鍨嬮棶棰樸€備负浠€涔堜細杩欐牱锛熷洜涓篢S涓嶆槸涓€涓畝鍗曠殑鏍囨敞鍣紝鑰屾槸涓€涓浘鐏靛畬澶囩殑璇█锛屾墍浠ュ緢澶氶棶棰樼殑瑙ｅ喅鏂规硶閮介殣钘忓湪鍩虹鑳藉姏涓紝浣嗘槸瀛︿簡鍩虹鑳藉姏浣犲彲鑳芥兂涓嶅埌瑕佺敤鍩虹鑳藉姏銆傝В鍐宠繖涓棶棰樻渶濂界殑鏂规硶灏辨槸澶氱粌涔狅紝閫氳繃瀹為檯妗堜緥涓嶆柇鍒烘縺浣犵殑澶ц剳锛岃浣犲吇鎴怲S鎬濈淮涔犳儻銆傚洜姝わ紝浜嬩笉瀹滆繜锛岃鎴戜滑浠庝粖澶╃殑绫诲瀷鎸戞垬鐨勭畝鍗曢毦搴﹀紑濮嬨€傜簿璇籔ick鎵嬪姩瀹炵幇鍐呯疆鐨凱ick鍑芥暟锛岃繑鍥炰竴涓柊鐨勭被鍨嬶紝浠庡璞:interfaceTodo{title:stringdescription:stringcompleted:boolean}typeTodoPreview=MyPick<寰呭姙浜嬮」锛?鏍囬'|'completed'>consttodo:TodoPreview={title:'Cleanroom',completed:false,}缁撳悎渚嬪瓙鏇村鏄撶悊瑙ｏ紝鍗矺鏄竴涓瓧绗︿覆锛屾垜浠渶瑕佽繑鍥炰竴涓柊鐨勭被鍨嬶紝鍙繚鐣橩閿殑瀹氫箟銆傜涓€涓毦鐐规槸濡備綍闄愬埗K鐨勫€硷紝姣斿浼犲叆涓€涓猅涓笉瀛樺湪鐨勫€硷紝灏变細鎶ラ敊銆傝繖涓祴璇曟槸纭煡璇嗭紝鍙鐭ラ亾AextendskeyofB鐨勮娉曞氨鍙互鎯宠捣鏉ヤ簡銆傜浜屼釜闅剧偣鏄浣曠敓鎴愪竴涓彧鍖呭惈K鐨勭被鍨嬫潵瀹氫箟Key銆備綘棣栧厛闇€瑕佺煡閬搟[AinkeyofB]:B[A]}鐨勭‖鐭ヨ瘑锛岃繖鏍锋墠鑳介噸缁勪竴涓璞★細//浠ｇ爜1typeFoo={[PinkeyofT]:T[P]}鍙煡閬撹繖涓娉曞彲鑳芥兂涓嶅嚭鏉ワ紝鍘熷洜鏄綘瑕佹墦鐮村TS鐨勬鏉跨悊瑙ｏ紝[KinkeyofT]涓嶆槸涓€涓浐瀹氱殑妯℃澘锛屽叾涓璳eyofT鍙槸涓€涓紩鐢ㄥ彉閲忥紝鍙互琚浛鎹€傚鏋滄崲鎴愬彟涓€涓寖鍥寸殑鍙橀噺锛岄偅涔堣繖涓璞＄殑閿€艰寖鍥村氨浼氭敼鍙橈紝鍒氬ソ绗﹀悎鏈鐨凨锛?/浠ｇ爜2锛堟湰棰樼瓟妗堬級typeMyPick={[PinK]:T[P]}杩欓亾棰樼煡閬撶瓟妗堝悗寰堝鏄撶悊瑙ｏ紝浣嗗洖鎯宠捣鏉ヨ繕鏄緢鏈夋敹鑾风殑銆傚姣斾笂闈袱涓唬鐮佷緥瀛愶紝浣犱細鍙戠幇浠ｇ爜1涓殑keyofT鍙槸浠庡璞℃弿杩扮殑娉涘瀷瀹氫箟涓彁鍒扮殑锛屾墍浠ュ姛鑳戒笂娌℃湁鍙樺寲锛屼絾鏄洜涓烘硾鍨嬪彲浠ョ敱鐢ㄦ埛浼犲叆锛屾墍浠ヤ唬鐮?涓璳eyofT涓殑P娌℃湁娉涘瀷鏀寔锛屾墍浠ヨ繖閲屾帹瀵间簡T鐨勬墍鏈塊ey锛岃€屼唬鐮?锛岃櫧鐒朵唬鐮佺Щ鍒颁簡娉涘瀷涓婏紝浣嗘槸鍥犱负浣跨敤浜唀xtends鎻忚堪锛屾墍浠ヨ〃绀虹殑绫诲瀷P琚害鏉熶负T鐨凨eys锛岃嚦浜庢槸浠€涔堬紝瑕佺湅鐢ㄦ埛浠ｇ爜鏄€庝箞浼犻€掔殑銆傛墍浠ュ叾瀹濳鍦ㄦ硾鍨嬩腑鏄病鏈夐粯璁ゅ€肩殑锛屼絾鏄畠浣滀负鎺ㄥ鍊煎啓鍏ュ璞℃椂鏄湁榛樿鍊肩殑銆傛硾鍨嬩腑璧嬩簣榛樿鍊肩殑鏂瑰紡濡備笅锛?/浠ｇ爜3typeMyPick={[PinK]:T[P]}鍗矼yPick涔熸槸鍙互姝ｅ父宸ヤ綔鐨勶紝骞朵笖杩斿洖鐨凾odo绫诲瀷涓嶅彉锛屼篃灏辨槸璇翠唬鐮?鍦ㄤ笉浼犵浜屼釜鍙傛暟鐨勬儏鍐典笅锛屽拰浠ｇ爜1鐨勫姛鑳芥槸瀹屽叏涓€鏍风殑銆備粩缁嗙悽纾ㄤ竴涓嬪叡鎬т笌宸紓锛屼负浠€涔堜唬鐮?鍙互瀹炵幇鍜屼唬鐮?涓€鏍风殑鍔熻兘锛屽苟涓旀墿灞曟€ф洿寮猴紝浣犲TS娉涘瀷鐨勫疄闄呯悊瑙ｄ細鏇翠笂涓€灞傛ゼ銆俁eadonly鎵嬪姩瀹炵幇鍐呯疆鐨凴eadonly鍑芥暟灏嗗璞＄殑鎵€鏈夊睘鎬ц缃负鍙锛歩nterfaceTodo{title:stringdescription:string}consttodo:MyReadonly={title:"Hey",description:"foobar"}todo.title="Hello"//Error:cannotreassignareadonlypropertytodo.description="barFoo"//Error:cannotreassignareadonlyproperty杩欓亾棰樻瘮绗竴棰樼畝鍗曪紝鍙鎴戜滑use{[AinkeyofB]:B[A]}閲嶆柊澹版槑瀵硅薄锛屽湪姣忎釜Key鍓嶉潰鍔犱笂readonly淇グ锛?/鏈绛旀typeMyReadonly={readonly[KinkeyofT]:T[K]}鏍规嵁杩欎釜Features鎴戜滑鍙互鍋氬緢澶氭墿灞曪紝姣斿鎶婂璞＄殑鎵€鏈塳ey璁剧疆涓簅ptional:typeOptional={[KinkeyofT]?:T[K]}{[AinkeyofB]:B[A]}璁╂垜浠湁鏈轰細鎻忚堪姣忎釜Key灞炴€х殑缁嗚妭锛屾垜浠彧鍙楅檺浜庢垜浠殑鎯宠薄鍔涖€侳irstOfArray瀹炵幇绫诲瀷First锛屽苟鑾峰彇鏁扮粍涓涓€椤圭殑绫诲瀷锛歵ypearr1=['a','b','c']typearr2=[3,2,1]typehead1=First//expectedtobe'a'typehead2=First//expectedtobe3杩欓亾棰樻瘮杈冪畝鍗曪紝绛旀涔熷緢瀹规槗鎯冲埌锛?/杩欓亾棰樼殑绛旀绫诲瀷First=T[0]浣嗘槸褰撴垜鍐欒繖涓瓟妗堢殑鏃跺€欙紝10%鐨勮剳缁嗚優鎻愰啋鎴戞病鏈夊垽鏂竟鐣屾潯浠躲€傛灉鐒剁湅浜嗙瓟妗堬紝搴旇鑰冭檻绌烘暟缁勭殑鎯呭喌銆傚綋鏁扮粍涓虹┖鏃讹紝杩斿洖绫诲瀷never鑰屼笉鏄痷ndefined浼氭洿濂姐€備笅闈㈠嚑绉嶄袱绉嶅啓娉曢兘鏄瓟妗堬細typeFirst=Textends[]?浠庝笉锛歍[0]typeFirst=T['length']extends0?浠庝笉锛歍[0]typeFirst=Textends[inferP,...inferRest]?P:never绗竴绉嶅啓娉曟槸閫氳繃extends[]鍒ゆ柇T鏄惁涓虹┖鏁扮粍锛屽鏋滄槸鍒欒繑鍥瀗ever銆傜浜岀鍐欐硶鍒ゆ柇涓€涓暱搴︿负0鐨勭┖鏁扮粍锛岃繖鏃跺€欓渶瑕佹槑鐧戒袱鐐癸細1.TS鍙互閫氳繃T['length']鏉ヨ闂€糽ength(type),2.extends0琛ㄧず鏄惁鍖归厤0锛屽嵆extends闄や簡鍙互鍖归厤绫诲瀷锛岃繕鍙互鐩存帴鍖归厤鍊笺€傜涓夌鍐欐硶鏈€鐪佸績锛屼絾鏄篃鐢ㄥ埌浜唅nfer鍏抽敭瀛椼€傚嵆浣夸綘瀹屽叏鐭ラ亾濡備綍浣跨敤infer锛堢簿璇汇€奣ypescript infer 鍏抽敭瀛椼€嬶級锛屼篃寰堥毦鎯冲嚭鏉ャ€備娇鐢╥nfer鐨勫師鍥犳槸锛氳繖涓満鏅湁杈圭晫鏉′欢锛屾渶瀹规槗鐞嗚В鐨勫啓娉曟槸鈥淚fTisshapelike鈥濓紝閭ｄ箞鎴戝氨杩斿洖绫诲瀷P锛屽惁鍒欏氨杩斿洖returnnever鈥濓紝杩欏彞璇濆湪TS涓槸杩欐牱鎻忚堪鐨勶細Textends[inferP,...inferRest]?P:never銆侺engthofTuple瀹炵幇绫诲瀷Length浠ヨ幏鍙栧厓缁勭殑闀垮害锛歵ypetesla=['tesla','model3','modelX','modelY']typespaceX=['FALCON9','FALCONHEAVY','DRAGON','STARSHIP','HUMANSPACEFLIGHT']typeteslaLength=Length//expected4typespaceXLength=Length//expected5鐮旂┒浜嗗墠闈㈢殑闂锛屽緢瀹规槗鎯冲埌绛旀鐨勭被鍨嬶細typeLength=T['length']瀵逛簬TS锛屽厓缁勫拰鏁扮粍閮芥槸鏁扮粍锛屼絾鏄浜嶵S锛屽彲浠ヨ瀵熷埌鍏冪粍鐨勯暱搴︼紝瀵逛簬T['length']瀵逛簬鍏冪粍锛屽畠杩斿洖涓€涓壒瀹氱殑鍊硷紝浣嗗浜庢暟缁勶紝瀹冭繑鍥炰竴涓暟瀛椼€侲xclude瀹炵幇浜咵xclude绫诲瀷锛岃繑鍥濼涓璘涓笉瀛樺湪鐨勯儴鍒嗐€傝鍑芥暟涓昏鐢ㄤ簬鑱斿悎绫诲瀷鍦烘櫙锛屾墍浠ユ垜浠彲浠ョ洿鎺ヤ娇鐢╡xtends鍒ゆ柇锛?/鏈绛旀绫诲瀷鎺掗櫎=T鎵╁睍U?never:T瀹為檯杩愯鏁堟灉锛歵ypeC=Exclude<'a'|'b','a'|'c'>//'b'濂藉儚鏈夌偣闅剧悊瑙ｏ紝鍥犱负TS鏄寜鍒嗗竷寮忛€熺巼鎵ц鑱斿悎绫诲瀷鐨勶紝鍗筹細Exclude<'a'|'b','a'|'c'>//鐩稿綋浜庢帓闄?'a','a'|'c'>|鎺掗櫎<'b','a'|'c'>Awaited瀹炵幇绫诲瀷Awaited锛屾瘮濡備粠Promise寰楀埌ExampleType銆傞鍏堬紝TS姘歌繙涓嶄細鎵ц浠ｇ爜锛屾墍浠ヤ綘鑴戝瓙閲屼笉瑕佹湁鈥渁wait瑕佺瓑涓€浼氭墠鑳界煡閬撶粨鏋溾€濈殑鎯虫硶銆傝繖閬撻鐨勫叧閿槸浠嶱romise涓彁鍙栫被鍨婽锛岄潪甯搁€傚悎infer:typeMyAwaited=TextendsPromise?U:never浣嗘槸锛岃繖涓瓟妗堜笉澶熸爣鍑嗐€傛爣鍑嗙瓟妗堣€冭檻Promise鐨勫祵濂楀満鏅細//鏈绛旀绫诲瀷MyAwaited>=TextendsPromise?P鎵╁睍Promise锛烳yAwaited:P:never濡傛灉鑾峰彇鍒癙romise
P涔熷舰濡侾romise锛岄€掑綊璋冪敤鑷繁MyAwaited銆傝繖閲屾彁鍒颁簡閫掑綊锛屽氨鏄疶S绫诲瀷鐨勫鐞嗗彲浠ラ€掑綊锛屾墍浠ュ悗闈㈡湁灏鹃€掑綊浼樺寲鐨勭増鏈€傚鏋滃疄鐜扮被鍨婭f锛屽綋C涓虹湡鏃惰繑鍥濼锛屽惁鍒欒繑鍥濬锛歵ypeA=If//expectedtobe'a'typeB=If//搴旇鏄?b'鍓嶉潰宸茬粡璇翠簡锛宔xtends涔熷彲浠ョ敤鏉ュ垽鏂€硷紝鎵€浠ユ灉鏂敤extendstrue鍒ゆ柇鏄惁鍛戒腑true锛?/绛旀瀵逛簬杩欎釜闂绫诲瀷If=Cextendstrue?T:FConcat浣跨敤绫诲瀷绯荤粺瀹炵幇Concat锛岃繛鎺ヤ袱涓暟缁勭被鍨嬶細typeResult=Concat<[1],[2]>//棰勬湡涓篬1,2]鍥犱负TS鏀寔鏁扮粍瑙ｆ瀯璇硶涓婏紝鍙互澶ц儐灏濊瘯杩欐牱鍐欙細typeConcat=[...P,...Q]鑰冭檻鍒癈oncat鍑芥暟涔熷簲璇ュ彲浠ユ帴鍙楅潪-鏁扮粍绫诲瀷锛屾垜鍋氫簡鍒ゆ柇銆備负浜嗗啓鐨勬柟渚匡紝鎴戞妸extends浠庢硾鍨嬪畾涔夌殑浣嶇疆绉诲埌浜員S绫诲瀷鎺ㄦ柇鐨勮繍琛屾椂锛?/鏈绛旀typeConcat=[...Pextendsany[]?P:[P],...Qextendsany[]?Q:[Q],]瑙ｅ喅杩欎釜闂闇€瑕佷俊蹇碉紝鎴戠浉淇S鑳藉儚JS涓€鏍峰啓鍑洪€昏緫銆傝繖浜涜兘鍔涙槸鍦ㄧ増鏈崌绾х殑杩囩▼涓€愭笎鎻愪緵鐨勶紝鎵€浠ラ槄璇绘渶鏂扮殑TS鐗规€у苟蹇€熺悊瑙ｅ畠浠綔涓哄浐鍖栫煡璇嗚繕鏄湁闅惧害鐨勩€侷ncludes浣跨敤绫诲瀷绯荤粺瀹炵幇Includes鍑芥暟锛歵ypeisPillarMen=Includes<['Kars','Esidisi','Wamuu','Santana'],'Dio'>//搴旇鏄痐false`鐢变簬涔嬪墠鏍规嵁鎴戠殑缁忛獙锛屽緢瀹规槗鍋氬嚭浠ヤ笅鍏宠仈锛?/濡傛灉鏍囬闇€瑕佽繖绉嶇被鍨媔sPillarMen=Includes<'Kars'|'鍩冭タ杩柉'|'Wamuu'|'Santana','Dio'>//閭ｆ垜鍙互鐢╡xtends杞绘澗瑙ｅ喅绫诲瀷闂Includes=KextendsT?true:false涓嶅垢鐨勬槸锛岀涓€涓緭鍏ユ槸鏁扮粍绫诲瀷锛宔xtends涓嶆敮鎸佸垽鏂€滄暟缁勫寘鍚€濈殑閫昏緫銆傝繖鏃跺€欐垜浠渶瑕佷簡瑙ｄ竴涓柊鐨勭煡璇嗙偣锛岄偅灏辨槸TS鍒ゆ柇[number]涓嬫爣銆備笉浠呮槸杩欓亾棰橈紝浠ュ悗寰堝闅剧偣棰橀兘闇€瑕佸畠浣滀负鍩虹鐭ヨ瘑銆俒number]涓嬫爣琛ㄧず浠绘剰涓€椤癸紝extendsT[number]鍙互瀹炵幇鏁扮粍鍖呭惈鐨勫垽鏂紝鎵€浠ヤ笅闈㈢殑鏂规鏄湁鏁堢殑锛歵ypeIncludes=KextendsT[number]?true:false浣嗘槸缈讳簡涓€涓嬬瓟妗堬紝鍙戠幇杩欎笉鏄爣鍑嗙瓟妗堛€傛垜鐪熺殑鎵惧埌浜嗕竴涓弽渚嬶細typeIncludes=KextendsT[number]?true:falsetypeisPillarMen=Includes<[boolean],false>//涓簍rue鐨勫師鍥犲緢绠€鍗曘€倀rue鍜宖alse閮界户鎵胯嚜boolean锛屾墍浠xtends鍒ゆ柇鐨勭晫闄愬お瀹戒簡銆傝棰樿姹傜簿纭€煎尮閰嶏紝鎵€浠ヤ笂闈㈢殑绛旀鐞嗚涓婃槸閿欒鐨勩€傛爣鍑嗙瓟妗堟槸姣忔鍒ゆ柇鏁扮粍绗竴椤癸紝閫掑綊锛堟垜鐪熺殑瑙夊緱杩欎笉鏄竴閬撳鏄撶殑棰橈級锛屾湁涓や釜闅剧偣銆侲qual鍑芥暟鍏堟€庝箞鍐欙紵鏇存祦琛岀殑鏂规鏄繖鏍风殑锛歵ypeEqual=(()=>TextendsX?1:2)extends(()=>TextendsY?1:2)?true:false杩樻湁涓€涓叧浜庡浣曠紪鍐橢qual鍑芥暟鐨勫皬璁ㄨ銆備笂闈㈢殑浠ｇ爜鏋勯€犱簡涓や釜鍑芥暟銆傝繖涓や釜鍑芥暟涓殑T灞炰簬deferred锛堝欢杩燂級鍒ゆ柇鐨勭被鍨嬶紝绫诲瀷鍒ゆ柇渚濊禆浜庡唴閮ㄧ殑isTypeIdenticalTo鍑芥暟鏉ュ畬鎴愬垽鏂€傛湁浜咵qual锛屽氨寰堢畝鍗曚簡锛屾垜浠彲浠ョ敤瑙ｆ瀯+鎺ㄧ悊+閫掑綊鏉ユ悶瀹氾細//杩欓亾棰樼殑绛旀绫诲瀷Includes=Textends[inferF,...inferRest]?绛変簬寤朵几鐪燂紵true:Includes:false姣忔鍙栨暟缁勭殑绗竴涓€煎垽鏂槸鍚︾浉绛夛紝濡傛灉涓嶅尮閰嶏紝鍒欓€掑綊鍒ゆ柇鍏朵綑椤广€傝繖涓嚱鏁扮粨鍚堜簡寰堝TS鐭ヨ瘑锛屾瘮濡傦細閫掑綊瑙ｆ瀯inferextendstrue鍙互鍙戠幇锛屼负浜嗚В鍐硉rueextendsboolean涓簍rue鐨勯棶棰橈紝缁曚簡涓€澶у湀锛岀敤浜嗘瘮杈冨鏉傜殑鏂瑰紡鏉ュ疄鐜帮紝鍦═S浣撴搷涓篃鏄甯哥殑锛岃В鍐抽棶棰橀渶瑕佽€愬績銆侾ushimplementsPushfunction:typeResult=Push<[1,2],'3'>//[1,2,'3']杩欓亾棰樼湡鐨勫緢绠€鍗曪紝鐢ㄨВ鏋勫氨鍙互浜嗭細//绛旀tothisquestionistypePush=[...T,K]鍙互鐪嬪嚭锛屽鏋滀綘鎯宠交鏉捐В鍐充竴涓畝鍗曠殑TS闂锛屼綘棣栧厛闇€瑕佽兘澶熻В鍐充竴浜涘洶闅剧殑闂闂馃榿銆俇nshift瀹炵幇浜哢nshift鍑芥暟锛歵ypeResult=Unshift<[1,2],0>//[0,1,2,]鍙槸鍦≒ush鐨勫熀纭€涓婃敼鍙樹簡椤哄簭锛?/鏈绛旀typeUnshift=[K,...T]Parameters瀹炵幇浜嗗唴缃嚱鏁癙arameters锛歅arameters鍙互寰楀埌鍑芥暟鐨勫弬鏁扮被鍨嬶紝鍙互鐩存帴鐢╥nfer瀹炵幇锛屽嵆涔熺浉瀵圭畝鍗曪細typeParameters=Textends(...args:inferP)=>any?P:[]infer浠庝换鎰忕壒瀹氫綅缃彇鍊奸潪甯告柟渚匡紝鏄吀鍨嬬殑闅炬噦濂界敤鐨勮娉曘€傚涔犱簡TS鐨勫熀鏈娉曞悗锛岀伒娲昏繍鐢ㄦ槸鍏抽敭銆傝璁哄湴鍧€涓猴細绮捐銆妕ype challenges - easy銆嬄风422鏈熉穌t-fe/weekly鎯冲弬涓庤璁虹殑璇锋埑杩欓噷锛屾瘡鍛ㄩ兘鏈夋柊璇濋锛屽懆鏈垨鍛ㄤ竴鍙戝竷銆傚墠绔簿璇烩€斺€斿府浣犺繃婊ら潬璋辩殑鍐呭銆傚叧娉ㄥ墠绔簿璇诲井淇″叕浼楀彿鐗堟潈澹版槑锛氬厤璐硅浆杞?闈炲晢涓?闈炶鐢熶繚鐣欏睘鎬э紙CreativeCommons3.0License锛?/p>
