{"id":75,"date":"2016-09-19T13:55:52","date_gmt":"2016-09-19T05:55:52","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=75"},"modified":"2021-10-19T10:36:35","modified_gmt":"2021-10-19T02:36:35","slug":"typescript%e5%88%b6%e4%bd%9c%e5%a4%a9%e5%a4%a9%e8%8f%9c%e8%b0%b1","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=75","title":{"rendered":"TypeScript\u5236\u4f5c\u5929\u5929\u83dc\u8c31"},"content":{"rendered":"<div class=\"blog-abstract\">\u6458\u8981: \u8fd8\u5728\u56e0\u4e3a\u6bcf\u5929\u505a\u4ec0\u4e48\u83dc\u53d1\u6101\u4e48\uff1f\u8fd8\u5728\u56e0\u4e3a\u4e70\u4ec0\u4e48\u83dc\u5403\u5565\u90fd\u4e0d\u77e5\u9053\u611f\u5230\u56f0\u60d1\u4e48\uff1f\u4eca\u5929\u6765\u5206\u4eab\u4e00\u4e2a\u7528TS\u5236\u4f5c\u7684\u5929\u5929\u83dc\u5355 \u6765\u89e3\u51b3\u95ee\u9898<\/div>\n<div id=\"blogBody\" class=\"blog-body\">\n<div class=\"BlogContent\">\n<p>\u7531\u4e8e\u516c\u53f8\u996d\u603b\u603b\u63d0\u8bae\uff0c\u4e0d\u77e5\u9053\u6bcf\u5929\u5403\u4ec0\u4e48\uff0c\u4e70\u4ec0\u4e48\u83dc\uff0c\u611f\u5230\u53d1\u6101\uff0c\u4e8e\u662f\u4e4e\u795e\u5947\u7684\u7a0b\u5e8f\u5458\u60f3\u4e86\u4e00\u4e2a\u529e\u6cd5\uff0c\u7528TS\u5199\u4e86\u4e00\u4e2a\u5929\u5929\u83dc\u8c31\uff0c\u4ece\u6b64\u4ee5\u540e\u996d\u603b\u59d0\u59d0\u518d\u4e5f\u4e0d\u7528\u62c5\u5fc3\u5403\u4ec0\u4e48\u53d1\u6101\u4e86\uff0c\u76f4\u63a5\u4e0a\u4ee3\u7801<\/p>\n<pre class=\"hljs javascript\"><code class=\"language-javascript hljs\"><span class=\"hljs-keyword\">var<\/span> People = {\r\n    soup : [<span class=\"hljs-string\">\"\u70b8\u9171\u9762\"<\/span>,<span class=\"hljs-string\">\"\u6d77\u5e26\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u7389\u7c73\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u7599\u7629\u6c64\"<\/span>,\r\n             <span class=\"hljs-string\">\"\u6392\u9aa8\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u83e0\u83dc\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u841d\u535c\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u897f\u7ea2\u67ff\u9e21\u86cb\u6c64\"<\/span>,\r\n             <span class=\"hljs-string\">\"\u725b\u8089\u841d\u535c\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u7d2b\u83dc\u86cb\u82b1\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u7092\u997c\"<\/span>, <span class=\"hljs-string\">\"\u7092\u9762\"<\/span>,\r\n             <span class=\"hljs-string\">\"\u5927\u9aa8\u6c64\"<\/span>,<span class=\"hljs-string\">\"\u732a\u809a\u5305\u9e21\u6c64\"<\/span>\r\n             ],<span class=\"hljs-comment\">\/\/\u6c64<\/span>\r\n    vegetable : [<span class=\"hljs-string\">\"\u9178\u8fa3\u571f\u8c46\u4e1d\"<\/span>,<span class=\"hljs-string\">\"\u8150\u7af9\u7092\u8fa3\u6912\"<\/span>, <span class=\"hljs-string\">\"\u5e72\u762a\u8c46\u89d2\"<\/span>,<span class=\"hljs-string\">\"\u62c9\u76ae\u51c9\u62cc\"<\/span>,\r\n                <span class=\"hljs-string\">\"\u62c9\u76ae\u51c9\u62cc\"<\/span>,<span class=\"hljs-string\">\"\u9178\u8fa3\u8c46\u82bd\"<\/span>,  <span class=\"hljs-string\">\"\u9ed1\u6728\u8033\u7092\u8089\u4e1d\"<\/span>,<span class=\"hljs-string\">\"\u867e\u7c73\u5241\u6912\u7092\u9e21\u86cb\"<\/span>,\r\n               <span class=\"hljs-string\">\"c\u7092\u9e21\u86cb\"<\/span>,<span class=\"hljs-string\">\"\u9178\u8fa3\u5927\u767d\u83dc\"<\/span>, <span class=\"hljs-string\">\"\u9178\u83dc\u7c89\"<\/span>,<span class=\"hljs-string\">\"\u5343\u53f6\u8c46\u8150\"<\/span>,\r\n               <span class=\"hljs-string\">\"\u8471\u9999\u8c46\u8150\u4e1d\"<\/span>,<span class=\"hljs-string\">\"\u677e\u4ec1\u7389\u7c73\"<\/span>,<span class=\"hljs-string\">\"\u5730\u4e09\u9c9c\"<\/span>,<span class=\"hljs-string\">\"\u751f\u83dc\u51c9\u62cc\u767e\u53f6\u7c89\u4e1d\"<\/span>,\r\n                <span class=\"hljs-string\">\"\u571f\u8c46\u6ce5\"<\/span>,<span class=\"hljs-string\">\"\u7092\u8c46\u82bd\"<\/span>,<span class=\"hljs-string\">\"\u70e7\u8304\u5b50\"<\/span>,<span class=\"hljs-string\">\"\u80f6\u767d\"<\/span>\r\n                ],<span class=\"hljs-comment\">\/\/\u852c\u83dc<\/span>\r\n    meats :[<span class=\"hljs-string\">\"\u8089\u7092\u9ec4\u74dc\"<\/span>,<span class=\"hljs-string\">\"\u8089\u7092\u9e21\u86cb\"<\/span>,<span class=\"hljs-string\">\"\u897f\u846b\u82a6\u7092\u8089\"<\/span>,<span class=\"hljs-string\">\"\u767d\u83dc\u7092\u8089\"<\/span>,\r\n             <span class=\"hljs-string\">\"\u8304\u5b50\u7092\u8089\"<\/span>,<span class=\"hljs-string\">\"\u8fa3\u5b50\u9e21\u4e01\"<\/span>,<span class=\"hljs-string\">\"\u70b8\u9e21\u67f3\"<\/span>,<span class=\"hljs-string\">\"\u7ea2\u6cb9\u9e21\u4e1d\"<\/span>,\r\n             <span class=\"hljs-string\">\"\u87f9\u9ec4\u8c46\u8150\"<\/span>,<span class=\"hljs-string\">\"\u5c0f\u7092\u809d\u5c16\"<\/span>,<span class=\"hljs-string\">\"\u732a\u513f\u6735\u9999\u83dc\u9ec4\u74dc\"<\/span>\r\n             ],<span class=\"hljs-comment\">\/\/\u5c0f\u8089<\/span>\r\n    meat : [<span class=\"hljs-string\">\"\u53ef\u4e50\u9e21\u7fc5\"<\/span>,<span class=\"hljs-string\">\"\u732a\u8089\u7096\"<\/span>,<span class=\"hljs-string\">\"\u571f\u8c46\u7096\u82b8\u8c46\u6392\u9aa8\"<\/span>, <span class=\"hljs-string\">\"\u9505\u5305\u8089\"<\/span>,\r\n            <span class=\"hljs-string\">\"\u7cd6\u918b\u6392\u9aa8\"<\/span>,<span class=\"hljs-string\">\"\u732a\u8089\u7096\u7c89\u6761\"<\/span>,<span class=\"hljs-string\">\"\u732a\u8089\u7096\u9178\u83dc\"<\/span>,<span class=\"hljs-string\">\"\u4eac\u9171\u8089\u4e1d\"<\/span>,\r\n            <span class=\"hljs-string\">\"\u7ea2\u70e7\u8089\"<\/span>,<span class=\"hljs-string\">\"\u6bdb\u8840\u65fa\"<\/span>\r\n            ],<span class=\"hljs-comment\">\/\/\u5927\u8089<\/span>\r\n    getName: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span>()<\/span>{\r\n         <span class=\"hljs-keyword\">return<\/span>()=&gt;{\r\n             <span class=\"hljs-keyword\">var<\/span> j = <span class=\"hljs-built_in\">Math<\/span>.floor(<span class=\"hljs-built_in\">Math<\/span>.random()*<span class=\"hljs-number\">11<\/span>);<span class=\"hljs-comment\">\/\/\u5927\u8089<\/span>\r\n             <span class=\"hljs-keyword\">var<\/span> q = <span class=\"hljs-built_in\">Math<\/span>.floor(<span class=\"hljs-built_in\">Math<\/span>.random()*<span class=\"hljs-number\">10<\/span>);<span class=\"hljs-comment\">\/\/\u5c0f\u8089<\/span>\r\n             <span class=\"hljs-keyword\">var<\/span> v = <span class=\"hljs-built_in\">Math<\/span>.floor(<span class=\"hljs-built_in\">Math<\/span>.random()*<span class=\"hljs-number\">20<\/span>);<span class=\"hljs-comment\">\/\/\u7d20\u83dc<\/span>\r\n             <span class=\"hljs-keyword\">var<\/span> i = <span class=\"hljs-built_in\">Math<\/span>.floor(<span class=\"hljs-built_in\">Math<\/span>.random()*<span class=\"hljs-number\">14<\/span>);<span class=\"hljs-comment\">\/\/\u6c64<\/span>\r\n             <span class=\"hljs-keyword\">return<\/span> {\r\n                 m: <span class=\"hljs-keyword\">this<\/span>.meats[j],<span class=\"hljs-comment\">\/\/\u8089\u7c7b<\/span>\r\n                 n: <span class=\"hljs-keyword\">this<\/span>.meat[q],<span class=\"hljs-comment\">\/\/\u8089\u7c7b<\/span>\r\n                 s: <span class=\"hljs-keyword\">this<\/span>.soup[i],<span class=\"hljs-comment\">\/\/\u6c64<\/span>\r\n                 t: <span class=\"hljs-keyword\">this<\/span>.vegetable[v],<span class=\"hljs-comment\">\/\/\u852c\u83dc<\/span>\r\n             }\r\n         }\r\n    }\r\n}\r\n <span class=\"hljs-keyword\">var<\/span> myName = People.getName();\r\n alert(<span class=\"hljs-string\">\"\u4eca\u5929\u5403\u7684\u5927\u8089\u83dc\u662f    \"<\/span> + myName().n  +<span class=\"hljs-string\">\"    \u5c0f\u8089\u83dc\u662f    \"<\/span>+ myName().m + <span class=\"hljs-string\">\"    \u7d20\u83dc\u662f    \"<\/span> +myName().t +<span class=\"hljs-string\">\"     \u6c64\u7c7b\u662f    \"<\/span>+ myName().s );\r\n\u5929\u5929\u83dc\u5355<\/code><\/pre>\n<p>\u5927\u83dc11\u9053\uff0c\u5c0f\u8089\u83dc10\u9053\uff0c\u7d20\u83dc20\u9053\uff0c\u6c6414\u6837\uff0c\u6574\u4f53\u8fd0\u884c\u6548\u679c\u662f\u4e0d\u9519\u7684\uff0c\u4e5f\u662f\u521a\u521a\u63a5\u89e6TS\uff0c\u968f\u624b\u5199\u4e86\u4e00\u4e2a\u5c0f\u73a9\u610f\uff0c\u4e0d\u559c\u6b22\u7684\u4e0d\u8981\u55b7\u5c31\u597d \u54c8\u54c8\u54c8\u54c8~~ \u4eca\u5929\u53c8\u662f\u4ee3\u7801\u6ee1\u6ee1\u7684\u4e00\u5929<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6458\u8981: \u8fd8\u5728\u56e0\u4e3a\u6bcf\u5929\u505a\u4ec0\u4e48\u83dc\u53d1\u6101\u4e48\uff1f\u8fd8\u5728\u56e0\u4e3a\u4e70\u4ec0\u4e48\u83dc\u5403\u5565\u90fd\u4e0d\u77e5\u9053\u611f\u5230\u56f0\u60d1\u4e48\uff1f\u4eca\u5929\u6765\u5206\u4eab\u4e00\u4e2a\u7528TS\u5236\u4f5c\u7684\u5929\u5929\u83dc\u5355 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[23],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/75"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=75"}],"version-history":[{"count":2,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/75\/revisions"}],"predecessor-version":[{"id":816,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/75\/revisions\/816"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/145"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}