{"id":69146,"date":"2026-01-31T07:16:50","date_gmt":"2026-01-30T23:16:50","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/69146.html"},"modified":"2026-01-31T07:16:50","modified_gmt":"2026-01-30T23:16:50","slug":"type-challenges%ef%bc%88ts%e7%b1%bb%e5%9e%8b%e4%bd%93%e6%93%8d%ef%bc%89-10-%e5%85%83%e7%bb%84%e8%bd%ac%e5%90%88%e9%9b%86","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/69146.html","title":{"rendered":"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6"},"content":{"rendered":"<h2>10 &#8211; \u5143\u7ec4\u8f6c\u5408\u96c6<\/h2>\n<p>by Anthony Fu (&#064;antfu) #\u4e2d\u7b49 #infer #tuple #union<\/p>\n<h3>\u9898\u76ee<\/h3>\n<p>\u5b9e\u73b0\u6cdb\u578bTupleToUnion&lt;T&gt;&#xff0c;\u5b83\u8fd4\u56de\u5143\u7ec4\u6240\u6709\u503c\u7684\u5408\u96c6\u3002<\/p>\n<p>\u4f8b\u5982<\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Arr<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token string\">&#039;1&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#039;2&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#039;3&#039;<\/span><span class=\"token punctuation\">]<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Test<\/span> <span class=\"token operator\">&#061;<\/span> TupleToUnion<span class=\"token operator\">&lt;<\/span>Arr<span class=\"token operator\">&gt;<\/span> <span class=\"token comment\">\/\/ expected to be &#039;1&#039; | &#039;2&#039; | &#039;3&#039;<\/span><\/p>\n<p>\u5728 Github \u4e0a\u67e5\u770b&#xff1a;https:\/\/tsch.js.org\/10\/zh-CN<\/p>\n<h3>\u4ee3\u7801<\/h3>\n<p><span class=\"token comment\">\/* _____________ \u4f60\u7684\u4ee3\u7801 _____________ *\/<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">TupleToUnion<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token keyword\">infer<\/span> <span class=\"token constant\">F<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token operator\">&#8230;<\/span><span class=\"token keyword\">infer<\/span> <span class=\"token constant\">R<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">F<\/span> <span class=\"token operator\">|<\/span> TupleToUnion<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">R<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><\/p>\n<p>\u5173\u952e\u89e3\u91ca&#xff1a;<\/p>\n<ul>\n<li>T extends [infer F, &#8230;infer R] \u7528\u4e8e\u5224\u65ad\u5143\u7ec4\u662f\u5426\u4e3a\u7a7a\u3002<\/li>\n<li>F | TupleToUnion&lt;R&gt; \u7528\u4e8e\u9012\u5f52\u5904\u7406\u5143\u7ec4\u7684\u5269\u4f59\u90e8\u5206\u3002<\/li>\n<li>never \u7528\u4e8e\u5904\u7406\u7a7a\u5143\u7ec4\u7684\u60c5\u51b5\u3002<\/li>\n<\/ul>\n<h3>\u76f8\u5173\u77e5\u8bc6\u70b9<\/h3>\n<h4>extends<\/h4>\n<table>\n<tr>\u4f7f\u7528\u7ef4\u5ea6\u6838\u5fc3\u4f5c\u7528\u793a\u4f8b\u573a\u666f<\/tr>\n<tbody>\n<tr>\n<td>\u7c7b\u578b\u7ef4\u5ea6<\/td>\n<td>\u505a\u7c7b\u578b\u7ea6\u675f\u6216\u6761\u4ef6\u5224\u65ad&#xff08;\u7c7b\u578b\u7f16\u7a0b\u6838\u5fc3&#xff09;<\/td>\n<td>\u9650\u5b9a\u6cdb\u578b\u8303\u56f4\u3001\u5224\u65ad\u7c7b\u578b\u662f\u5426\u517c\u5bb9\u3001\u63d0\u53d6\u7c7b\u578b\u7247\u6bb5<\/td>\n<\/tr>\n<tr>\n<td>\u8bed\u6cd5\u7ef4\u5ea6<\/td>\n<td>\u505a\u7ee7\u627f&#xff08;\u590d\u7528\u5df2\u6709\u7ed3\u6784&#xff09;<\/td>\n<td>\u63a5\u53e3\u7ee7\u627f\u3001\u7c7b\u7ee7\u627f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h5>extends \u505a\u7c7b\u578b\u7ea6\u675f\u6216\u6761\u4ef6\u5224\u65ad<\/h5>\n<li>\u6cdb\u578b\u7ea6\u675f&#xff1a;\u9650\u5b9a\u6cdb\u578b\u7684\u53d6\u503c\u8303\u56f4<\/li>\n<p><span class=\"token comment\">\/\/ \u7ea6\u675f T \u5fc5\u987b\u662f\u300c\u62e5\u6709 length \u5c5e\u6027\u300d\u7684\u7c7b\u578b&#xff08;\u6bd4\u5982 string\/\u6570\u7ec4&#xff09;<\/span><br \/>\n<span class=\"token keyword\">function<\/span> <span class=\"token generic-function\"><span class=\"token function\">getLength<\/span><span class=\"token generic class-name\"><span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">{<\/span> length<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token operator\">&gt;<\/span><\/span><\/span><span class=\"token punctuation\">(<\/span>arg<span class=\"token operator\">:<\/span> <span class=\"token constant\">T<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token keyword\">return<\/span> arg<span class=\"token punctuation\">.<\/span>length<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5408\u6cd5\u8c03\u7528&#xff08;\u7b26\u5408\u7ea6\u675f&#xff09;<\/span><br \/>\n<span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u2705 string \u6709 length&#xff0c;\u8fd4\u56de 5<\/span><br \/>\n<span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">2<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">3<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u2705 \u6570\u7ec4\u6709 length&#xff0c;\u8fd4\u56de 3<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u975e\u6cd5\u8c03\u7528&#xff08;\u8d85\u51fa\u7ea6\u675f&#xff09;<\/span><br \/>\n<span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">123<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u274c \u62a5\u9519&#xff1a;number \u6ca1\u6709 length \u5c5e\u6027<\/span><\/p>\n<li>\u6761\u4ef6\u7c7b\u578b&#xff1a;\u7c7b\u578b\u7248 \u4e09\u5143\u8fd0\u7b97\u7b26<\/li>\n<p><span class=\"token comment\">\/\/ \u57fa\u7840\u793a\u4f8b&#xff1a;\u5224\u65ad\u7c7b\u578b\u662f\u5426\u4e3a\u5b57\u7b26\u4e32<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">IsString<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\"><span class=\"token builtin\">string<\/span><\/span> <span class=\"token operator\">?<\/span> <span class=\"token boolean\">true<\/span> <span class=\"token operator\">:<\/span> <span class=\"token boolean\">false<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\"><span class=\"token constant\">A<\/span><\/span> <span class=\"token operator\">&#061;<\/span> IsString<span class=\"token operator\">&lt;<\/span><span class=\"token string\">&#034;test&#034;<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ true&#xff08;\u7b26\u5408&#xff09;<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\"><span class=\"token constant\">B<\/span><\/span> <span class=\"token operator\">&#061;<\/span> IsString<span class=\"token operator\">&lt;<\/span><span class=\"token number\">123<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ false&#xff08;\u4e0d\u7b26\u5408&#xff09;<\/span><\/p>\n<p>\u5206\u5e03\u5f0f\u6761\u4ef6\u7c7b\u578b&#xff08;\u8054\u5408\u7c7b\u578b\u4e13\u7528&#xff09;: \u5f53 T \u662f\u8054\u5408\u7c7b\u578b\u65f6&#xff0c;extends \u4f1a\u81ea\u52a8\u62c6\u5206\u8054\u5408\u7c7b\u578b\u7684\u6bcf\u4e2a\u6210\u5458&#xff0c;\u9010\u4e2a\u5224\u65ad\u540e\u518d\u5408\u5e76\u7ed3\u679c\u3002<\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Union<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token builtin\">string<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">boolean<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u62c6\u5206\u903b\u8f91&#xff1a;string\u2192string&#xff0c;number\u2192never&#xff0c;boolean\u2192never \u2192 \u5408\u5e76\u4e3a string<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">OnlyString<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\"><span class=\"token builtin\">string<\/span><\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">T<\/span> <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Result<\/span> <span class=\"token operator\">&#061;<\/span> OnlyString<span class=\"token operator\">&lt;<\/span>Union<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Result &#061; string<\/span><\/p>\n<p>\u6ce8\u610f&#xff1a;\u53ea\u6709\u6cdb\u578b\u53c2\u6570\u662f \u88f8\u7c7b\u578b&#xff08;\u6ca1\u6709\u88ab []\/{} \u5305\u88f9&#xff09;\u65f6&#xff0c;\u624d\u4f1a\u89e6\u53d1\u5206\u5e03\u5f0f\u5224\u65ad&#xff1a;<\/p>\n<p><span class=\"token comment\">\/\/ \u5305\u88f9\u540e\u4e0d\u89e6\u53d1\u5206\u5e03\u5f0f&#xff0c;\u6574\u4f53\u5224\u65ad [string|number] \u662f\u5426\u517c\u5bb9 [string]<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">NoDist<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token constant\">T<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token builtin\">string<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">T<\/span> <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Result2<\/span> <span class=\"token operator\">&#061;<\/span> NoDist<span class=\"token operator\">&lt;<\/span>Union<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ never&#xff08;\u6574\u4f53\u4e0d\u517c\u5bb9&#xff09;<\/span><\/p>\n<li>\u914d\u5408 infer&#xff1a;\u63d0\u53d6\u7c7b\u578b\u7247\u6bb5&#xff08;\u9ec4\u91d1\u7ec4\u5408&#xff09;<\/li>\n<p><span class=\"token comment\">\/\/ \u63d0\u53d6 Promise \u7684\u8fd4\u56de\u503c\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">UnwrapPromise<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\"><span class=\"token builtin\">Promise<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">infer<\/span> <span class=\"token constant\">V<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">V<\/span> <span class=\"token operator\">:<\/span> <span class=\"token constant\">T<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\"><span class=\"token constant\">C<\/span><\/span> <span class=\"token operator\">&#061;<\/span> UnwrapPromise<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">Promise<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">string<\/span><span class=\"token operator\">&gt;&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ string&#xff08;\u63d0\u53d6\u6210\u529f&#xff09;<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\"><span class=\"token constant\">D<\/span><\/span> <span class=\"token operator\">&#061;<\/span> UnwrapPromise<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">number<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ number&#xff08;\u4e0d\u6ee1\u8db3\u6761\u4ef6&#xff0c;\u8fd4\u56de\u539f\u7c7b\u578b&#xff09;<\/span><\/p>\n<h5>extends \u505a\u7ee7\u627f&#xff08;\u590d\u7528\u5df2\u6709\u7ed3\u6784&#xff09;<\/h5>\n<li>\u63a5\u53e3\u7ee7\u627f&#xff1a;\u590d\u7528 &#043; \u6269\u5c55\u5c5e\u6027<\/li>\n<p><span class=\"token comment\">\/\/ \u57fa\u7840\u63a5\u53e3<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">User<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u7ee7\u627f User&#xff0c;\u5e76\u6269\u5c55\u65b0\u5c5e\u6027<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Admin<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\">User<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  role<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;admin&#034;<\/span> <span class=\"token operator\">|<\/span> <span class=\"token string\">&#034;super_admin&#034;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u65b0\u589e\u6743\u9650\u5c5e\u6027<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5fc5\u987b\u5305\u542b\u7ee7\u627f\u7684 &#043; \u6269\u5c55\u7684\u6240\u6709\u5c5e\u6027<\/span><br \/>\n<span class=\"token keyword\">const<\/span> admin<span class=\"token operator\">:<\/span> Admin <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;\u5f20\u4e09&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n  role<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;admin&#034;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u591a\u63a5\u53e3\u7ee7\u627f<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">HasAge<\/span> <span class=\"token punctuation\">{<\/span> age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Student<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\">User<\/span><span class=\"token punctuation\">,<\/span> HasAge <span class=\"token punctuation\">{<\/span><br \/>\n  className<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u540c\u65f6\u7ee7\u627f User &#043; HasAge<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<li>\u7c7b\u7ee7\u627f&#xff1a;\u590d\u7528\u7236\u7c7b\u7684\u5c5e\u6027 \/ \u65b9\u6cd5<\/li>\n<p><span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Parent<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">constructor<\/span><span class=\"token punctuation\">(<\/span>name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name <span class=\"token operator\">&#061;<\/span> name<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n  <span class=\"token function\">sayHi<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">Hi, <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u7ee7\u627f Parent \u7c7b<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Child<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\">Parent<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">constructor<\/span><span class=\"token punctuation\">(<\/span>name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">,<\/span> age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">super<\/span><span class=\"token punctuation\">(<\/span>name<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u5fc5\u987b\u8c03\u7528\u7236\u7c7b\u6784\u9020\u51fd\u6570&#xff08;\u521d\u59cb\u5316\u7236\u7c7b\u5c5e\u6027&#xff09;<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>age <span class=\"token operator\">&#061;<\/span> age<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n  <span class=\"token comment\">\/\/ \u91cd\u5199\u7236\u7c7b\u65b9\u6cd5<\/span><br \/>\n  <span class=\"token function\">sayHi<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">super<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">sayHi<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u8c03\u7528\u7236\u7c7b\u539f\u65b9\u6cd5<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">I&#039;m <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>age<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\"> years old<\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token keyword\">const<\/span> child <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Child<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u674e\u56db&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">10<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\nchild<span class=\"token punctuation\">.<\/span><span class=\"token function\">sayHi<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u8f93\u51fa&#xff1a;Hi, \u674e\u56db \u2192 I&#039;m 10 years old<\/span><\/p>\n<p>\u8865\u5145&#xff1a;\u7c7b\u5b9e\u73b0\u63a5\u53e3\u7528 implements&#xff08;\u4e0d\u662f extends&#xff09;<\/p>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u63a5\u53e3&#xff08;\u5951\u7ea6&#xff1a;\u89c4\u5b9a\u5fc5\u987b\u6709 id\u3001name \u5c5e\u6027&#xff0c;\u4ee5\u53ca greet \u65b9\u6cd5&#xff09;<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Person<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">greet<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u4ec5\u5b9a\u4e49\u65b9\u6cd5\u7b7e\u540d&#xff0c;\u65e0\u5b9e\u73b0<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u7c7b\u5b9e\u73b0\u63a5\u53e3&#xff08;\u5fc5\u987b\u4e25\u683c\u9075\u5b88\u5951\u7ea6&#xff09;<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Employee<\/span> <span class=\"token keyword\">implements<\/span> <span class=\"token class-name\">Person<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token comment\">\/\/ \u5fc5\u987b\u5b9e\u73b0\u63a5\u53e3\u7684\u6240\u6709\u5c5e\u6027<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>  <span class=\"token comment\">\/\/ \u6784\u9020\u51fd\u6570\u521d\u59cb\u5316\u5c5e\u6027<\/span><br \/>\n  <span class=\"token function\">constructor<\/span><span class=\"token punctuation\">(<\/span>id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">,<\/span> name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>id <span class=\"token operator\">&#061;<\/span> id<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name <span class=\"token operator\">&#061;<\/span> name<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><\/p>\n<p>  <span class=\"token comment\">\/\/ \u5fc5\u987b\u5b9e\u73b0\u63a5\u53e3\u7684 greet \u65b9\u6cd5&#xff08;\u5177\u4f53\u5b9e\u73b0\u7531\u7c7b\u81ea\u5df1\u5b9a\u4e49&#xff09;<\/span><br \/>\n  <span class=\"token function\">greet<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">Hi, I&#039;m <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">, ID: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>id<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5b9e\u4f8b\u5316\u4f7f\u7528<\/span><br \/>\n<span class=\"token keyword\">const<\/span> emp <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Employee<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u5f20\u4e09&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\nemp<span class=\"token punctuation\">.<\/span><span class=\"token function\">greet<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u8f93\u51fa&#xff1a;Hi, I&#039;m \u5f20\u4e09, ID: 1<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u63a5\u53e31&#xff1a;\u57fa\u7840\u4fe1\u606f<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Identifiable<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token function\">getId<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u63a5\u53e32&#xff1a;\u53ef\u6253\u5370<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Printable<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token function\">printInfo<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u7c7b\u540c\u65f6\u5b9e\u73b0\u4e24\u4e2a\u63a5\u53e3&#xff08;\u5fc5\u987b\u5b9e\u73b0\u6240\u6709\u63a5\u53e3\u7684\u6210\u5458&#xff09;<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Product<\/span> <span class=\"token keyword\">implements<\/span> <span class=\"token class-name\">Identifiable<\/span><span class=\"token punctuation\">,<\/span> Printable <span class=\"token punctuation\">{<\/span><br \/>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u7c7b\u53ef\u6269\u5c55\u63a5\u53e3\u5916\u7684\u5c5e\u6027<\/span><\/p>\n<p>  <span class=\"token function\">constructor<\/span><span class=\"token punctuation\">(<\/span>id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">,<\/span> name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>id <span class=\"token operator\">&#061;<\/span> id<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name <span class=\"token operator\">&#061;<\/span> name<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><\/p>\n<p>  <span class=\"token comment\">\/\/ \u5b9e\u73b0 Identifiable \u7684\u65b9\u6cd5<\/span><br \/>\n  <span class=\"token function\">getId<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> <span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>id<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><\/p>\n<p>  <span class=\"token comment\">\/\/ \u5b9e\u73b0 Printable \u7684\u65b9\u6cd5<\/span><br \/>\n  <span class=\"token function\">printInfo<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">Product: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span>name<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">, ID: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span><span class=\"token keyword\">this<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">getId<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token keyword\">const<\/span> product <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Product<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">100<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;\u624b\u673a&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>product<span class=\"token punctuation\">.<\/span><span class=\"token function\">getId<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ 100<\/span><br \/>\nproduct<span class=\"token punctuation\">.<\/span><span class=\"token function\">printInfo<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Product: \u624b\u673a, ID: 100<\/span><\/p>\n<h4>infer<\/h4>\n<p>infer \u662f TypeScript \u5728\u6761\u4ef6\u7c7b\u578b\u4e2d\u63d0\u4f9b\u7684\u5173\u952e\u5b57&#xff0c;\u7528\u4e8e\u58f0\u660e\u4e00\u4e2a \u5f85\u63a8\u5bfc\u7684\u7c7b\u578b\u53d8\u91cf&#xff08;\u7c7b\u4f3c\u7ed9\u7c7b\u578b\u8d77\u4e00\u4e2a\u4e34\u65f6\u540d\u5b57&#xff09;&#xff0c;\u53ea\u80fd\u5728 extends \u5b50\u53e5\u4e2d\u4f7f\u7528\u3002\u5b83\u7684\u6838\u5fc3\u4f5c\u7528\u662f&#xff1a;\u4ece\u5df2\u6709\u7c7b\u578b\u4e2d\u63d0\u53d6 \/ \u63a8\u5bfc\u6211\u4eec\u9700\u8981\u7684\u90e8\u5206&#xff0c;\u800c\u65e0\u9700\u624b\u52a8\u786c\u7f16\u7801\u7c7b\u578b\u3002<\/p>\n<p>infer \u5fc5\u987b\u914d\u5408\u6761\u4ef6\u7c7b\u578b\u4f7f\u7528&#xff0c;\u8bed\u6cd5\u7ed3\u6784\u5982\u4e0b&#xff1a;<\/p>\n<p><span class=\"token comment\">\/\/ \u57fa\u7840\u7ed3\u6784&#xff1a;\u63a8\u5bfc T \u7684\u7c7b\u578b\u4e3a U&#xff0c;\u82e5\u80fd\u63a8\u5bfc\u5219\u8fd4\u56de U&#xff0c;\u5426\u5219\u8fd4\u56de never<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">InferType<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\"><span class=\"token keyword\">infer<\/span><\/span> <span class=\"token constant\">U<\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">U<\/span> <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Example<\/span> <span class=\"token operator\">&#061;<\/span> InferType<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">string<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Example \u7c7b\u578b\u4e3a string<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Example2<\/span> <span class=\"token operator\">&#061;<\/span> InferType<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">number<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Example2 \u7c7b\u578b\u4e3a number[]<\/span><\/p>\n<p>\u9ad8\u9891\u4f7f\u7528\u573a\u666f:<\/p>\n<h5>1. \u63d0\u53d6\u51fd\u6570\u7684\u8fd4\u56de\u503c\u7c7b\u578b<\/h5>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u7c7b\u578b\u5de5\u5177&#xff1a;\u63d0\u53d6\u51fd\u6570\u7684\u8fd4\u56de\u503c\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">GetReturnType<span class=\"token operator\">&lt;<\/span>Fn<span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> Fn <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8230;<\/span>args<span class=\"token operator\">:<\/span> <span class=\"token builtin\">any<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token keyword\">infer<\/span> <span class=\"token constant\">R<\/span> <span class=\"token operator\">?<\/span> <span class=\"token constant\">R<\/span> <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u6d4b\u8bd5\u7528\u51fd\u6570<\/span><br \/>\n<span class=\"token keyword\">const<\/span> add <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span>a<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">,<\/span> b<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token operator\">&#061;&gt;<\/span> a <span class=\"token operator\">&#043;<\/span> b<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">const<\/span> <span class=\"token function-variable function\">getUser<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> name<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;\u5f20\u4e09&#034;<\/span><span class=\"token punctuation\">,<\/span> age<span class=\"token operator\">:<\/span> <span class=\"token number\">20<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u4f7f\u7528\u7c7b\u578b\u5de5\u5177<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">AddReturn<\/span> <span class=\"token operator\">&#061;<\/span> GetReturnType<span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">typeof<\/span> add<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ AddReturn \u7c7b\u578b\u4e3a number<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">UserReturn<\/span> <span class=\"token operator\">&#061;<\/span> GetReturnType<span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">typeof<\/span> getUser<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ UserReturn \u7c7b\u578b\u4e3a { name: string; age: number }<\/span><\/p>\n<h5>2. \u63d0\u53d6\u6570\u7ec4\u7684\u5143\u7d20\u7c7b\u578b<\/h5>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u7c7b\u578b\u5de5\u5177&#xff1a;\u63d0\u53d6\u6570\u7ec4\u5143\u7d20\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">GetArrayItem<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">infer<\/span> Item<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">?<\/span> Item <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u6d4b\u8bd5<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">NumberArray<\/span> <span class=\"token operator\">&#061;<\/span> GetArrayItem<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">number<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ NumberArray \u7c7b\u578b\u4e3a number<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">StringArray<\/span> <span class=\"token operator\">&#061;<\/span> GetArrayItem<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">string<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ StringArray \u7c7b\u578b\u4e3a string<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">MixedArray<\/span> <span class=\"token operator\">&#061;<\/span> GetArrayItem<span class=\"token operator\">&lt;<\/span><span class=\"token punctuation\">[<\/span><span class=\"token builtin\">string<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ MixedArray \u7c7b\u578b\u4e3a string | number<\/span><\/p>\n<h5>3. \u63d0\u53d6 Promise \u7684\u6cdb\u578b\u53c2\u6570\u7c7b\u578b<\/h5>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u7c7b\u578b\u5de5\u5177&#xff1a;\u63d0\u53d6 Promise \u7684\u6cdb\u578b\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">GetPromiseValue<span class=\"token operator\">&lt;<\/span><span class=\"token constant\">T<\/span><span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token constant\">T<\/span> <span class=\"token keyword\">extends<\/span> <span class=\"token class-name\"><span class=\"token builtin\">Promise<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">infer<\/span> Value<span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">?<\/span> Value <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u6d4b\u8bd5<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">PromiseString<\/span> <span class=\"token operator\">&#061;<\/span> GetPromiseValue<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">Promise<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">string<\/span><span class=\"token operator\">&gt;&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ PromiseString \u7c7b\u578b\u4e3a string<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">PromiseUser<\/span> <span class=\"token operator\">&#061;<\/span> GetPromiseValue<span class=\"token operator\">&lt;<\/span><span class=\"token builtin\">Promise<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token punctuation\">{<\/span> id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token operator\">&gt;&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ PromiseUser \u7c7b\u578b\u4e3a { id: number }<\/span><\/p>\n<h5>4. \u63d0\u53d6\u51fd\u6570\u7684\u53c2\u6570\u7c7b\u578b<\/h5>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u7c7b\u578b\u5de5\u5177&#xff1a;\u63d0\u53d6\u51fd\u6570\u53c2\u6570\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">GetFunctionParams<span class=\"token operator\">&lt;<\/span>Fn<span class=\"token operator\">&gt;<\/span><\/span> <span class=\"token operator\">&#061;<\/span> Fn <span class=\"token keyword\">extends<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">&#8230;<\/span>args<span class=\"token operator\">:<\/span> <span class=\"token keyword\">infer<\/span> Params<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token builtin\">any<\/span> <span class=\"token operator\">?<\/span> Params <span class=\"token operator\">:<\/span> <span class=\"token builtin\">never<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u6d4b\u8bd5<\/span><br \/>\n<span class=\"token keyword\">const<\/span> fn <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">(<\/span>name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">,<\/span> age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">:<\/span> <span class=\"token keyword\">void<\/span> <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">FnParams<\/span> <span class=\"token operator\">&#061;<\/span> GetFunctionParams<span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">typeof<\/span> fn<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ FnParams \u7c7b\u578b\u4e3a [string, number]<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u8fdb\u4e00\u6b65&#xff1a;\u63d0\u53d6\u7b2c\u4e00\u4e2a\u53c2\u6570\u7684\u7c7b\u578b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">FirstParam<\/span> <span class=\"token operator\">&#061;<\/span> GetFunctionParams<span class=\"token operator\">&lt;<\/span><span class=\"token keyword\">typeof<\/span> fn<span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ FirstParam \u7c7b\u578b\u4e3a string<\/span><\/p>\n<h4>|<\/h4>\n<p>| \u8fd0\u7b97\u7b26\u7528\u4e8e\u8868\u793a\u8054\u5408\u7c7b\u578b&#xff0c;\u5373\u4e00\u4e2a\u503c\u53ef\u4ee5\u662f\u591a\u4e2a\u7c7b\u578b\u4e2d\u7684\u4efb\u610f\u4e00\u4e2a\u3002<\/p>\n<li>\u53d8\u91cf\u7684\u8054\u5408\u7c7b\u578b\u6ce8\u89e3<\/li>\n<p><span class=\"token comment\">\/\/ \u53d8\u91cf a \u53ef\u4ee5\u662f\u5b57\u7b26\u4e32 OR \u6570\u5b57<\/span><br \/>\n<span class=\"token keyword\">let<\/span> a<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5408\u6cd5\u8d4b\u503c&#xff08;\u7b26\u5408\u4efb\u610f\u4e00\u79cd\u7c7b\u578b&#xff09;<\/span><br \/>\na <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;TS&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\na <span class=\"token operator\">&#061;<\/span> <span class=\"token number\">123<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u975e\u6cd5\u8d4b\u503c&#xff08;\u4e0d\u5c5e\u4e8e\u8054\u5408\u7c7b\u578b\u4e2d\u7684\u4efb\u4f55\u4e00\u79cd&#xff09;&#xff0c;TS \u76f4\u63a5\u62a5\u9519<\/span><br \/>\na <span class=\"token operator\">&#061;<\/span> <span class=\"token boolean\">true<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u274c \u7c7b\u578b &#039;boolean&#039; \u4e0d\u80fd\u8d4b\u503c\u7ed9\u7c7b\u578b &#039;string | number&#039;<\/span><\/p>\n<li>\u51fd\u6570\u53c2\u6570\u7684\u8054\u5408\u7c7b\u578b<\/li>\n<p><span class=\"token comment\">\/\/ \u51fd\u6570\u63a5\u6536 string \u6216 number \u7c7b\u578b\u7684\u53c2\u6570<\/span><br \/>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">printValue<\/span><span class=\"token punctuation\">(<\/span>val<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>val<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5408\u6cd5\u8c03\u7528<\/span><br \/>\n<span class=\"token function\">printValue<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;hello&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token function\">printValue<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">666<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u975e\u6cd5\u8c03\u7528&#xff0c;TS \u62a5\u9519<\/span><br \/>\n<span class=\"token function\">printValue<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">null<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u274c<\/span><\/p>\n<li>\u6570\u7ec4\u7684\u8054\u5408\u7c7b\u578b&#xff08;\u6ce8\u610f\u4e24\u79cd\u5199\u6cd5\u7684\u533a\u522b&#xff09;<\/li>\n<p><span class=\"token comment\">\/\/ \u5199\u6cd51&#xff1a;(A | B)[] \u2014\u2014 \u6570\u7ec4\u7684\u300c\u6bcf\u4e2a\u5143\u7d20\u300d\u53ef\u4ee5\u662f A \u6216 B&#xff08;\u6df7\u5408\u6570\u7ec4&#xff09;<\/span><br \/>\n<span class=\"token keyword\">let<\/span> arr1<span class=\"token operator\">:<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token builtin\">string<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;2&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">3<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;4&#034;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u5408\u6cd5<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u5199\u6cd52&#xff1a;A[] | B[] \u2014\u2014 \u300c\u6574\u4e2a\u6570\u7ec4\u300d\u8981\u4e48\u5168\u662f A \u7c7b\u578b&#xff0c;\u8981\u4e48\u5168\u662f B \u7c7b\u578b&#xff08;\u7eaf\u6570\u7ec4&#xff09;<\/span><br \/>\n<span class=\"token keyword\">let<\/span> arr2<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">2<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">3<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u5408\u6cd5&#xff08;\u5168\u6570\u5b57&#xff09;<\/span><br \/>\narr2 <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token string\">&#034;1&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;2&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;3&#034;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u5408\u6cd5&#xff08;\u5168\u5b57\u7b26\u4e32&#xff09;<\/span><br \/>\narr2 <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;2&#034;<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u274c \u62a5\u9519&#xff1a;\u6df7\u5408\u7c7b\u578b\u4e0d\u7b26\u5408\u8981\u6c42<\/span><\/p>\n<p>\u5f53\u4f7f\u7528\u8054\u5408\u7c7b\u578b\u7684\u65f6\u5019&#xff0c;\u8bbf\u95ee\u67d0\u4e00\u4e2a\u5b50\u7c7b\u578b\u7684\u4e13\u5c5e\u5c5e\u6027 \/ \u65b9\u6cd5\u65f6&#xff0c;\u9700\u8981\u8fdb\u884c\u7c7b\u578b\u5b88\u536b&#xff0c;\u53ef\u7528\u7684\u65b9\u6cd5\u6709 typeof \u3001in \u3001switch \u3001instanceof \u3002<\/p>\n<li>typeof<\/li>\n<p><span class=\"token keyword\">function<\/span> <span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span>val<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span> <span class=\"token operator\">|<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token comment\">\/\/ \u7c7b\u578b\u7a84\u5316&#xff1a;\u5224\u65ad val \u662f string \u7c7b\u578b<\/span><br \/>\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">typeof<\/span> val <span class=\"token operator\">&#061;&#061;&#061;<\/span> <span class=\"token string\">&#034;string&#034;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token comment\">\/\/ \u6b64\u5206\u652f\u4e2d&#xff0c;TS \u786e\u5b9a val \u662f string&#xff0c;\u53ef\u5b89\u5168\u4f7f\u7528 length<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> val<span class=\"token punctuation\">.<\/span>length<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token comment\">\/\/ \u6b64\u5206\u652f\u4e2d&#xff0c;TS \u786e\u5b9a val \u662f number&#xff0c;\u6267\u884c\u6570\u5b57\u76f8\u5173\u903b\u8f91<\/span><br \/>\n    <span class=\"token keyword\">return<\/span> val<span class=\"token punctuation\">.<\/span><span class=\"token function\">toString<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>length<span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;TS&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ 2<\/span><br \/>\n<span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token function\">getLength<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">1234<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ 4<\/span><\/p>\n<li>in<\/li>\n<p><span class=\"token keyword\">function<\/span> <span class=\"token function\">printUserInfo<\/span><span class=\"token punctuation\">(<\/span>user<span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span> name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span> <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">|<\/span> <span class=\"token punctuation\">{<\/span> age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token comment\">\/\/ \u7c7b\u578b\u7a84\u5316&#xff1a;\u5224\u65ad user \u662f\u5426\u6709 name \u5c5e\u6027&#xff08;\u5373\u662f\u5426\u662f { name: string } \u7c7b\u578b&#xff09;<\/span><br \/>\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;name&#034;<\/span> <span class=\"token keyword\">in<\/span> user<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">Name: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>user<span class=\"token punctuation\">.<\/span>name<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token comment\">\/\/ \u6b64\u5206\u652f\u4e2d&#xff0c;TS \u786e\u5b9a user \u662f { age: number } \u7c7b\u578b<\/span><br \/>\n    <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">&#096;<\/span><span class=\"token string\">Age: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>user<span class=\"token punctuation\">.<\/span>age<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token template-punctuation string\">&#096;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<li>switch<\/li>\n<p><span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">User<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  type<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  age<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token keyword\">interface<\/span> <span class=\"token class-name\">Admin<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  type<span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;admin&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  name<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  permission<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token comment\">\/\/ \u8054\u5408\u7c7b\u578b&#xff1a;\u53ef\u4ee5\u662f User \u6216 Admin<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Person<\/span> <span class=\"token operator\">&#061;<\/span> User <span class=\"token operator\">|<\/span> Admin<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">printPerson<\/span><span class=\"token punctuation\">(<\/span>p<span class=\"token operator\">:<\/span> Person<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token keyword\">switch<\/span> <span class=\"token punctuation\">(<\/span>p<span class=\"token punctuation\">.<\/span>type<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">case<\/span> <span class=\"token string\">&#034;user&#034;<\/span><span class=\"token operator\">:<\/span><br \/>\n      <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>p<span class=\"token punctuation\">.<\/span>age<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u786e\u5b9a\u662f User<\/span><br \/>\n      <span class=\"token keyword\">break<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">case<\/span> <span class=\"token string\">&#034;admin&#034;<\/span><span class=\"token operator\">:<\/span><br \/>\n      <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>p<span class=\"token punctuation\">.<\/span>permission<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u786e\u5b9a\u662f Admin<\/span><br \/>\n      <span class=\"token keyword\">break<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<li>instanceof<\/li>\n<p><span class=\"token comment\">\/\/ \u5b9a\u4e49\u4e24\u4e2a\u7c7b<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Dog<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token function\">bark<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u6c6a\u6c6a&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token keyword\">class<\/span> <span class=\"token class-name\">Cat<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token function\">meow<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token builtin\">console<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;\u55b5\u55b5&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token comment\">\/\/ \u8054\u5408\u7c7b\u578b&#xff1a;Dog \u6216 Cat \u5b9e\u4f8b<\/span><br \/>\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Animal<\/span> <span class=\"token operator\">&#061;<\/span> Dog <span class=\"token operator\">|<\/span> Cat<span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token comment\">\/\/ instanceof \u7c7b\u578b\u5b88\u536b&#xff08;\u9488\u5bf9\u7c7b\u5b9e\u4f8b&#xff09;<\/span><br \/>\n<span class=\"token keyword\">function<\/span> <span class=\"token function\">animalCall<\/span><span class=\"token punctuation\">(<\/span>animal<span class=\"token operator\">:<\/span> Animal<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>animal <span class=\"token keyword\">instanceof<\/span> <span class=\"token class-name\">Dog<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    animal<span class=\"token punctuation\">.<\/span><span class=\"token function\">bark<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    animal<span class=\"token punctuation\">.<\/span><span class=\"token function\">meow<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n  <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token function\">animalCall<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Dog<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u6c6a\u6c6a<\/span><br \/>\n<span class=\"token function\">animalCall<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Cat<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ \u55b5\u55b5<\/span><\/p>\n<h3>\u6d4b\u8bd5\u7528\u4f8b<\/h3>\n<p><span class=\"token comment\">\/* _____________ \u6d4b\u8bd5\u7528\u4f8b _____________ *\/<\/span><br \/>\n<span class=\"token keyword\">import<\/span> <span class=\"token keyword\">type<\/span> <span class=\"token punctuation\">{<\/span> Equal<span class=\"token punctuation\">,<\/span> Expect <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">&#039;&#064;type-challenges\/utils&#039;<\/span><\/p>\n<p><span class=\"token keyword\">type<\/span> <span class=\"token class-name\">cases<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n  Expect<span class=\"token operator\">&lt;<\/span>Equal<span class=\"token operator\">&lt;<\/span>TupleToUnion<span class=\"token operator\">&lt;<\/span><span class=\"token punctuation\">[<\/span><span class=\"token number\">123<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#039;456&#039;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token boolean\">true<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">123<\/span> <span class=\"token operator\">|<\/span> <span class=\"token string\">&#039;456&#039;<\/span> <span class=\"token operator\">|<\/span> <span class=\"token boolean\">true<\/span><span class=\"token operator\">&gt;&gt;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n  Expect<span class=\"token operator\">&lt;<\/span>Equal<span class=\"token operator\">&lt;<\/span>TupleToUnion<span class=\"token operator\">&lt;<\/span><span class=\"token punctuation\">[<\/span><span class=\"token number\">123<\/span><span class=\"token punctuation\">]<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">123<\/span><span class=\"token operator\">&gt;&gt;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">]<\/span><\/p>\n<h3>\u76f8\u5173\u94fe\u63a5<\/h3>\n<p>\u5206\u4eab\u4f60\u7684\u89e3\u7b54&#xff1a;https:\/\/tsch.js.org\/10\/answer\/zh-CN<br \/>\n\u67e5\u770b\u89e3\u7b54&#xff1a;https:\/\/tsch.js.org\/10\/solutions<br \/>\n\u66f4\u591a\u9898\u76ee&#xff1a;https:\/\/tsch.js.org\/zh-CN<\/p>\n<p>\u4e0b\u9762\u662f\u6211\u7684\u516c\u4f17\u53f7&#xff0c;\u6b22\u8fce\u5173\u6ce8\u3002\u5173\u6ce8\u540e\u6709\u65b0\u7684\u529f\u80fd\u70b9\u4f1a\u53ca\u65f6\u6536\u5230\u63a8\u9001\u3002<\/p>\n<p>\u5b9e\u6218\u4e3a\u738b&#xff01;\u4e13\u6ce8\u4e8e\u6c47\u603b\u5404\u79cd\u529f\u80fd\u70b9&#xff0c;\u81f4\u529b\u4e8e\u6253\u9020\u4e00\u7cfb\u5217\u80fd\u591f\u5e2e\u52a9\u5de5\u7a0b\u5e08\u5b9e\u73b0\u5404\u79cd\u529f\u80fd\u7684\u60f3\u6cd5\u601d\u8def\u7684\u4f18\u8d28\u6587\u7ae0\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>10 &#8211; \u5143\u7ec4\u8f6c\u5408\u96c6<br \/>\nby Anthony Fu (antfu) #\u4e2d\u7b49 #infer #tuple #union<br \/>\n\u9898\u76ee<br \/>\n\u5b9e\u73b0\u6cdb\u578bTupleToUnion&#xff0c;\u5b83\u8fd4\u56de\u5143\u7ec4\u6240\u6709\u503c\u7684\u5408\u96c6\u3002<br \/>\n\u4f8b\u5982<br \/>\ntype Arr  [1, 2, 3]type Test  TupleToUnion \/\/ expected to be 1 | 2 | 3\u5728 Github \u4e0a\u67e5\u770b&#xff1a;https:\/\/tsch.js.org\/10\/zh-CN\u4ee3\u7801<br \/>\n\/* _______<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[7159,568],"topic":[],"class_list":["post-69146","post","type-post","status-publish","format-standard","hentry","category-server","tag-type-challenges","tag-typescript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/69146.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"10 - \u5143\u7ec4\u8f6c\u5408\u96c6 by Anthony Fu (antfu) #\u4e2d\u7b49 #infer #tuple #union \u9898\u76ee \u5b9e\u73b0\u6cdb\u578bTupleToUnion&#xff0c;\u5b83\u8fd4\u56de\u5143\u7ec4\u6240\u6709\u503c\u7684\u5408\u96c6\u3002 \u4f8b\u5982 type Arr [1, 2, 3]type Test TupleToUnion \/\/ expected to be 1 | 2 | 3\u5728 Github \u4e0a\u67e5\u770b&#xff1a;https:\/\/tsch.js.org\/10\/zh-CN\u4ee3\u7801 \/* _______\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/69146.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-30T23:16:50+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/69146.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/69146.html\",\"name\":\"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-30T23:16:50+00:00\",\"dateModified\":\"2026-01-30T23:16:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/69146.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/69146.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/69146.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/69146.html","og_locale":"zh_CN","og_type":"article","og_title":"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"10 - \u5143\u7ec4\u8f6c\u5408\u96c6 by Anthony Fu (antfu) #\u4e2d\u7b49 #infer #tuple #union \u9898\u76ee \u5b9e\u73b0\u6cdb\u578bTupleToUnion&#xff0c;\u5b83\u8fd4\u56de\u5143\u7ec4\u6240\u6709\u503c\u7684\u5408\u96c6\u3002 \u4f8b\u5982 type Arr [1, 2, 3]type Test TupleToUnion \/\/ expected to be 1 | 2 | 3\u5728 Github \u4e0a\u67e5\u770b&#xff1a;https:\/\/tsch.js.org\/10\/zh-CN\u4ee3\u7801 \/* _______","og_url":"https:\/\/www.wsisp.com\/helps\/69146.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-30T23:16:50+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/69146.html","url":"https:\/\/www.wsisp.com\/helps\/69146.html","name":"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-30T23:16:50+00:00","dateModified":"2026-01-30T23:16:50+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/69146.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/69146.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/69146.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"type-challenges\uff08ts\u7c7b\u578b\u4f53\u64cd\uff09: 10 - \u5143\u7ec4\u8f6c\u5408\u96c6"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/69146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=69146"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/69146\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=69146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=69146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=69146"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=69146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}