鏉ユ簮锛歨ttps://juejin.cn/post/705294...浣滆€咃細AngusAngus鍓嶈█鏈€杩戝湪鍐橰eact瀹氫箟鍙橀噺绫诲瀷鐨勬椂鍊欙紝涓嶅皬蹇冪偣鍒颁簡ElementType锛屽彂鐜皀ode_modules/@types/react/index.d.ts涓殑杩欐浠ｇ爜锛氬お妫掍簡锛岃櫧鐒舵垜涓嶆槸寰堢悊瑙ｏ紝浣嗘垜鍙槸瑙夊緱瀹冨緢妫掋€俫oogle浜嗕竴涓嬶紝鍚庢潵google浜嗕竴涓嬶紝鍙戠幇杩欎釜鍦ㄧ綉涓婂彨绫诲瀷杩囨护锛屾槸涓€绉嶅疄鐢ㄧ殑鍐橳S鐨勬柟娉曘€俓鐪嬩笅闈㈢殑馃尠锛歩nterfaceExample{a:string;b锛氭暟瀛楋紱c锛氭暟瀛楋紱d锛氬瓧绗︿覆锛?..}澶嶅埗浠ｇ爜鎴戜滑鏈変竴涓狤xample鎺ュ彛锛屼絾鏄幇鍦ㄦ垜浠兂瀵硅繖涓帴鍙ｅ仛涓€浜涘鐞嗭紝鎴戜滑鍙兂鐣欎笅string绫诲瀷鐨勫睘鎬э紝閭ｆ€庝箞鍔炲憿锛熸偍鍙互浣跨敤鎴戜滑鑷繁瀹氫箟鐨凢ilterType銆倀ypenewExample=FilterType//{a:string;d:string;...}澶嶅埗浠ｇ爜璁╂垜浠湅鐪婩ilterType鏄浣曞疄鐜扮殑锛歵ypeFilterType=Pick;澶嶅埗浠ｇ爜鍒嗘瀽棣栧厛锛岃鎴戜滑鐪嬩竴涓嬩唬鐮佷腑鍑虹幇鐨勫嚑绉嶅疄鐢ㄧ▼搴忕被鍨嬨€傦紙鐩存帴璺宠繃锛塱nin鍙互閬嶅巻鏋氫妇绫诲瀷锛岀被浼间簬for...intypeExample='a'|'b'|'c'|'d'typeObj={[绀轰緥涓殑T]:string;//閬嶅巻Example锛屽皢姣忎釜key璧嬪€肩粰string绫诲瀷}/*绛変环浜巘ypeObj={a:string;b锛氬瓧绗︿覆锛沜锛氬瓧绗︿覆锛沝锛氬瓧绗︿覆锛涗綔涓轰竴涓储寮曠被鍨嬬殑鏌ヨ鎿嶄綔绗︼紝鍏跺疄灏辨槸鑾峰彇key鐨勭被鍨嬶紝绫讳技浜嶰bject.keys()锛岃櫧鐒朵笉鐭ラ亾杩欎釜姣斿柣瀵逛笉瀵广€傛帴鍙ｇず渚媨a:瀛楃涓?b锛氬瓧绗︿覆锛沜锛氭暟閲忥紱d:boolean;}typeKeys=keyofExample//鐩稿綋浜巘ypeKeys='a'|'b'|'c'|'d'鏉′欢鍒ゆ柇interfaceA{a:string;}interfaceBextendsA{b:string;}//B鏄惁缁ф壙鑷狝锛熷鏋滄槸锛屽垯涓虹被鍨嬬紪鍙凤紱濡傛灉涓嶆槸锛屽畠鏄瓧绗︿覆绫诲瀷C=BextendsA?number:string//绛変环浜巘ypeC=number澶嶅埗浠ｇ爜寮€濮嬪垎鏋愬厛鏉ョ湅涓€涓煂帮紝鎻紑濂圭殑闈㈢罕锛屼笉锛屾槸涓€涓帺鐮侊細typeMask={[Kinkeyofsource]:source[K]鎵╁睍绫诲瀷?K:never;}interfaceExample{name:string;height:number}typenewType=Mask//{name:'name';height:never}澶嶅埗浠ｇ爜杩欐椂鍊欐垜浠湅鍒颁竴涓獅name:'name';韬珮锛氫粠涓峿锛屼粈涔堬紵锛燂紵杩欐湁浠€涔堢敤锛熶笉鐢ㄦ媴蹇冿紒鎺ヤ笅鏉ワ紝鎴戜滑缁х画鐪嬩笅闈㈣繖涓緥瀛愶紝鑴变笅濂圭殑澶栬。锛歕鐪嬩竴涓彲浠ヨ鍦ㄧ瑪璁版湰涓婄殑灏忕煡璇嗙偣锛氶珮搴︼細185锛泒[鈥滃鍚嶁€潀"height"]澶嶅埗浠ｇ爜绛夊悓浜庯細typeperson="Angus"|185澶嶅埗浠ｇ爜娉ㄦ剰锛屽綋鍊间负never鏃讹紝灏嗘棤娉曡闂畉ypeperson={name:"Angus";韬珮锛?85锛沢irlFriend锛氫粠涓嶏紱}[鈥滃悕瀛椻€潀鈥滆韩楂樷€潀"girlFriend"]绛夊悓浜庣被鍨媝erson="Angus"|g鐨勮嚜鍢诧紝閭ｄ箞绱㈠紩璁块棶鎺ュ彛灞炴€ф湁浠€涔堢敤鍛紵鐪嬬湅涓嬮潰杩欎釜馃尠鏉ュ睍绀哄ス鐨勮。鏈嶏細typeClothes={[Kinkeyofsource]:source[K]extendstypes?K:never;}[keyofsource]interfaceExample{name:string;楂樺害锛氭暟瀛楋紱home:string}typenewType=Clothes//typenewType="name|home"澶嶅埗浠ｇ爜杩欐牱鎴戜滑灏卞彲浠ュ緱鍒版垜浠兂瑕佺殑绫诲瀷鐨勮仈鍚堢被鍨媆鏈€鍚庝竴姝ワ紝鎴戜滑鎻ずOpen*\hold瀵逛簡锛屾垜浠厛鏉ヤ簡瑙ｄ竴涓婸ick銆俓Pick灏辨槸鍦ㄤ竴涓被鍨嬪璞′腑閫夋嫨鍑犱釜绫诲瀷缁勬垚涓€涓柊鐨勭被鍨嬨€傜晫闈㈠畨鏍兼柉{鍚嶇О锛氬瓧绗︿覆;楂樺害锛氭暟瀛楋紱閲嶉噺锛氭暟瀛楋紱}typenewAngus=Pick//{name:string;height:number}澶嶅埗浠ｇ爜瀹炵幇锛歵ypePick={[PinK]:T[P];}澶嶅埗浠ｇ爜鐒跺悗璁╂垜浠湅鐪嬭胺姝屼笂鐨勯偅涓煂帮細typeFilterType=Pick;闅鹃亾澶嶅埗浠ｇ爜绐佺劧鎵撳紑鍘曟墍锛侊紒锛侀€氳繃Pick锛屾垜浠彲浠ラ€夋嫨鎴戜滑鎯宠鐨勫睘鎬с€倇[KinkeyofSource]:Source[K]extendsTypes?K:never}[keyofSource]澶嶅埗杩欎袱琛屼唬鐮侊紝寰楀埌鎴戜滑鎯宠鐨勫睘鎬с€傚彧闇€鍐嶆閫氳繃Pick鍗冲彲瀹屾垚銆備綘琚睍绀轰簡鍚楋紵涓轰簡鎵╁睍锛岃鎴戜滑鐪嬩竴涓婽S涓殑鍏朵粬涓€浜涘伐鍏风被鍨嬨€侽mitOmit(a,b)鎺ュ彈涓や釜鍙傛暟銆傜涓€涓槸瑕佺紪杈戠殑鍩烘湰绫诲瀷锛岀浜屼釜鏄鍒犻櫎鐨勭被鍨嬨€傜被鍨婸erson={鍚嶇О锛氬瓧绗︿覆锛涙€у埆锛氬瓧绗︿覆锛泒typenewPerson=Omit//{sex:string}澶嶅埗浠ｇ爜鐪嬬湅瀹冩槸濡備綍瀹炵幇鐨勶細typeOmit=Pick>;澶嶅埗浠ｇ爜PartialPartial鍙互蹇€熷皢涓€涓帴鍙ｇ被鍨嬩腑瀹氫箟鐨勫睘鎬ф洿鏀逛负鍙€夛紙Optional锛夌被鍨婸erson={name:string;鎬у埆锛氬瓧绗︿覆锛泒typenewPerson=Partial//{name?:string;sex?:string}澶嶅埗浠ｇ爜鐪嬬湅瀹冩槸濡備綍宸ヤ綔鐨勶細\typePartial={[PinkeyofT]?:T[P]浠ｇ爜Exclude鐢ㄤ簬鍒犻櫎绫诲瀷闆嗗悎涓殑鎸囧畾绫诲瀷銆傝緭鍏=瀛楃涓瞸numbertypenewPerson=Exclude//number澶嶅埗浠ｇ爜瀹炵幇锛歵ypeExclude=TextendsU?never:Tcopy浠ｇ爜Readonly浣挎帴鍙ｇ殑鎵€鏈夊睘鎬у彉涓哄彧璇汇€傜被鍨婸erson={鍚嶇О锛氬瓧绗︿覆锛涙€у埆锛氬瓧绗︿覆锛泒typenewPerson=Readonly//typenewPerson={readonlyname:string;readonlysex:string;}浠ｇ爜瀹炵幇锛歵ypeReadonly={readonly[PinkeyofT]:T[P];}澶嶅埗浠ｇ爜ReturnTypeReturnType鐢ㄤ簬鑾峰彇鍑芥暟T\绫诲瀷鐨勮繑鍥炵被鍨婽0=ReturnType<()=>string>;//瀛楃涓茬被鍨婽1=ReturnType<(s:string)=>void>;//鏃犳晥绫诲瀷T2=ReturnType<()=>T>;//{}绫诲瀷T3=ReturnType<()=>T>;//鏁板瓧[]绫诲瀷T4=ReturnType;//浠讳綍绫诲瀷T5=ReturnType;//浠讳綍绫诲瀷T6=ReturnType;//閿欒绫诲瀷T7=ReturnType;//閿欒澶嶅埗浠ｇ爜瀹炵幇锛歵ypeReturnTypeany>=Textends(...args:any)=>inferR?R锛氫换浣曪紱copycodeParametersParameters鐢ㄤ簬鑾峰彇鍑芥暟T鐨勫弬鏁扮被鍨媡ypegetuserInfo=(user:string)=>void//Parameters鐢ㄤ簬鑾峰彇鍑芥暟T鐨勫弬鏁扮被鍨媡ypeParametersUserInfo=Parameters杩欓噷鍏堜粙缁嶅鍒朵唬鐮併€傛垜鐜板湪澶у洓浜嗭紝鏄庡勾鍘荤綉鏄撴惉鐮栥€傜粨璇垜鏄灄涓夐懌锛屼竴涓媯鐑殑鍓嶇鑿滈笩绋嬪簭鍛樸€傚鏋滀綘鏈変笂杩涘績锛屽枩娆㈠墠绔紝鎯冲鍓嶇锛岄偅鎴戜滑鍙互浜や釜鏈嬪弸锛屼竴璧烽挀楸煎搱鍝堬紝鎽告懜楸肩兢锛屽姞鎴戯紝璇锋敞鎰廩鎬濇兂]
