闃垮疂鍝ョ簿蹇冨噯澶囦簡銆婅交鏉惧 TypeScript銆嬭棰戞暀绋嬶紝寮虹儓鎺ㄨ崘锛侀€氳繃鐢熷姩鐨勫姩鐢伙紝璁╀綘杞绘澗浜嗚ВTypeScript鐨勯毦鐐瑰拰鏍稿績鐭ヨ瘑鐐癸紒宸茬粡鏇存柊鍒扮15鏈燂紝绗?鏈熺殑瑙傜湅閲忓凡缁忚秴杩?.9W锛屾湰鍚堥泦鐨勬挱鏀鹃噺鏇存槸杈惧埌浜?.9W+馃敟馃敟馃敟銆傚鏋滀綘宸茬粡鎺屾彙浜員S锛岄偅灏卞幓鍋氳繖48閬揟S缁冧範棰樺惂銆傚鏋滀綘杩樻病鏈夊紑濮嬪涔燭S锛屽彲浠ョ湅鐪嬨€?.8W瀛椼€嬬█鏈夌殑TS鍏ラ棬鏁欑▼1.TypeScript娉涘瀷涓殑T銆並銆乂绛夋槸浠€涔堬紵馃憠瑙傜湅瑙嗛馃摎闃呰鏂囩珷閫氳繃鍔ㄧ敾锛岃浣犳悶娓呮TypeScript娉涘瀷涓殑K銆乀銆乂绛夊彉閲忥紒浜屻€佷娇鐢═S鏄犲皠绫诲瀷锛屽悓浜嬬洿鍛奸珮鎵嬶紒馃憠瑙傜湅瑙嗛馃摎闃呰鏂囩珷閫氳繃鐢熷姩鐨勫姩鐢伙紝浜嗚ВTS鍐呯疆宸ュ叿绫诲瀷鐨勫伐浣滃師鐞嗭紝鎺屾彙TS鏄犲皠绫诲瀷鐨勮娉曞拰閲嶈鐭ヨ瘑鐐广€?.Vue3涓娇鐢ㄧ殑鍑芥暟閲嶈浇鏈変粈涔堢敤锛燄煈夎鐪嬭棰戰煋氫互鍔ㄧ敾褰㈠紡闃呰鏂囩珷锛岃浣犳懜娓匳ue3鍝嶅簲寮忔ā鍧楃殑ref鍑芥暟浣跨敤鐨勯噸杞芥妧宸э紝浜嗚В鍑芥暟閲嶈浇鍜屾柟娉曢噸杞界浉鍏崇殑鐭ヨ瘑鐐广€?.浣犱粛鐒跺彧鍦═ypeScript涓娇鐢╝ny鍚楋紵馃憠瑙傜湅瑙嗛馃摎闃呰鏂囩珷锛岃鎮ㄨ交鏉句簡瑙ｄ换鎰忕被鍨嬪拰鏈煡绫诲瀷鐨勫尯鍒互鍙婂畠浠湪涓嶅悓鍦烘櫙涓嬬殑琛ㄧ幇銆?.浣跨敤TS鈥嬧€嬫潯浠剁被鍨嬫椂锛屽悓浜嬬洿鎺ヨ皟鐢╕YDS锛侌煈夌湅瑙嗛馃摎鐪嬪畬鏂囩珷锛岀湅鍒癟extendsU?X:Y锛屼笉瑕佸啀瀹虫€曚簡銆傜簿蹇冭璁＄殑鍔ㄧ敾璁╂偍杞绘澗鎺屾彙鏉′欢绫诲瀷銆佸垎甯冨紡鏉′欢绫诲瀷鍜孴S鍐呯疆宸ュ叿绫诲瀷鐨勫伐浣滃師鐞嗐€?.瀛︿細浜員Sinfer锛屾垜涔熷彲浠ユ帹鏂被鍨嬩簡锛侌煈夎鐪嬭棰戰煋氶槄璇绘枃绔犺鐪嬫瑙嗛鍚庯紝鎮ㄥ彲浠ヨ交鏉句娇鐢ㄦ潯浠剁被鍨嬪拰鎺ㄦ柇鏉ュ紑鍙戝悇绉嶅伐鍏风被鍨嬫潵瀹炵幇绫诲瀷鎺ㄦ柇銆?銆佷簡瑙ypeScript璺ㄧ被鍨嬬殑澶氫釜鐭ヨ瘑鐐癸紒馃憠瑙傜湅瑙嗛馃摎闃呰鏂囩珷锛岃鎮ㄨ交鏉句簡瑙ｈ矾鍙ｇ被鍨嬶紝鎺屾彙鍏舵牳蹇冪煡璇嗙偣銆傚涔犱箣鍚庯紝鍙互鏍规嵁鑷繁鐨勫伐浣滈渶瑕侊紝缁撳悎鏄犲皠绫诲瀷瀹炵幇涓€浜涜嚜瀹氫箟鐨勫伐鍏风被鍨嬨€?.浜嗚ВTypeScript鑱斿悎绫诲瀷鐨勫涓煡璇嗙偣锛侌煈夎鐪嬭棰戰煋氶槄璇绘枃绔犻€氳繃鍔ㄧ敾锛岃浣犱簡瑙ypeScript鑱斿悎绫诲瀷鐨勫涓煡璇嗙偣鍜屽簲鐢ㄥ満鏅紒9.TypeScript涓殑绫诲瀷鍒板簳鏄粈涔堬紵馃憠瑙傜湅瑙嗛馃摎闃呰鏂囩珷閫氳繃鐢熷姩鐨勫姩鐢伙紝璁╀綘浜嗚ВTypeScript鐨勭绫伙紝涓鸿繘闃禩S鎵撲笅鍩虹锛?0.鍙煡閬搆ey鍜寁alue鐨勭被鍨嬶紝濡備綍瀹氫箟TS瀵硅薄绫诲瀷锛燄煈夎鐪嬭棰戰煋氶槄璇绘枃绔犻€氳繃鍔ㄧ敾鐨勫舰寮忥紝浜嗚В绱㈠紩绛惧悕鍜孯ecord鍐呯疆宸ュ叿绫诲瀷鐨勪娇鐢ㄥ満鏅拰鍖哄埆銆?1.TS鍐呯疆宸ュ叿绫诲瀷涓殑keyof杩愮畻绗︽湁浠€涔堢敤锛燄煈夎鐪嬭棰戰煋氶槄璇绘枃绔犻€氳繃鍔ㄧ敾鐨勫舰寮忥紝璁╀綘鎼炴竻妤歬eyof杩愮畻绗﹀湪TS鍐呯疆宸ュ叿绫诲瀷涓殑浣滅敤銆傘€婅交鏉惧 TypeScript銆嬪凡缁忔洿鏂板埌绗?5鏈熶簡銆傝倽瑙嗛涓嶅鏄撱€傚鏋滃鎮ㄦ湁甯姪锛岃鐐硅禐鍒嗕韩锛岃阿璋紒浣犲TS鐨勫摢鏂归潰姣旇緝鎰熷叴瓒ｏ紝鍙互缁欐垜鐣欒█鍝︼紒
