{"id":1386,"date":"2022-07-10T16:03:53","date_gmt":"2022-07-10T08:03:53","guid":{"rendered":"https:\/\/zhuxinyong.com\/?p=1386"},"modified":"2022-07-10T18:18:10","modified_gmt":"2022-07-10T10:18:10","slug":"59-li-ji-zhi-xing-han-shu","status":"publish","type":"post","link":"https:\/\/zhuxinyong.com\/?p=1386","title":{"rendered":"59 &#8211; \u7acb\u5373\u6267\u884c\u51fd\u6570"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/zhuxinyong.com\/wp-content\/uploads\/2022\/07\/16574402558310.jpg\" alt=\"\" \/><\/p>\n<p>\u539f\u6587\u5730\u5740\uff1a<a href=\"https:\/\/dev.to\/bhagatparwinder\/iife-immediately-invoked-function-expressions-49c5\" target=\"_blank\" rel=\"noopener\">https:\/\/dev.to\/bhagatparwinder\/iife-immediately-invoked-function-expressions-49c5<\/a><\/p>\n<p>IIFE \u662f\u4e00\u4e2a\u58f0\u660e\u548c\u8c03\u7528\u5728\u540c\u4e00\u65f6\u95f4\u7684\u51fd\u6570\u3002\u4f60\u901a\u8fc7\u533f\u540d\u51fd\u6570\u548c <code>()<\/code> \u6765\u95ed\u5408\u51fd\u6570\uff0c\u7136\u540e\u7d27\u8ddf\u4e00\u5bf9\u5c0f\u62ec\u53f7\u6765\u7acb\u5373\u8c03\u7528\u5b83\u3002<\/p>\n<pre><code class=\"language-plain_text\">(function(name){ \/\/ function expression enclosed in ()\n    console.log(`Hello ${name}`); \/\/ Hello Parwinder\n})(&quot;Parwinder&quot;); \/\/ Immediately called by using () in the end. Yes we can pass arguments\n<\/code><\/pre>\n<p>\u7acb\u5373\u6267\u884c\u51fd\u6570\u5728\u4ee5\u4e0b\u65b9\u4fbf\u6709\u5e2e\u52a9\uff1a<\/p>\n<ul>\n<li>\u907f\u514d\u5728\u5757\u4e2d\u53d8\u91cf\u63d0\u5347\u3002<\/li>\n<li>\u907f\u514d\u6c61\u67d3\u5168\u5c40\u4f5c\u7528\u57df\u3002<\/li>\n<li>\u5f53\u6211\u4eec\u5728\u7ef4\u62a4 IIFE \u4e2d\u5b9a\u4e49\u7684\u53d8\u91cf\u65f6\uff0c\u5141\u8bb8\u6211\u4eec\u8bbf\u95ee\u5168\u5c40\u65b9\u6cd5\u3002<\/li>\n<\/ul>\n<p>\u7b80\u800c\u8a00\u4e4b\uff0cIIFE \u662f\u4fdd\u62a4\u4f60\u51fd\u6570\u5185\u7684\u4f5c\u7528\u57df\u4ee5\u53ca\u5176\u5185\u90e8\u7684\u53d8\u91cf\u7684\u6781\u597d\u65b9\u6cd5\u3002<\/p>\n<p>\u4e0d\u80fd\u56e0\u4e3a\u6211\u4eec\u5728\u5199\u4e0a\u9762\u51fd\u6570\u65f6\u7528\u4e86 <code>function<\/code> \u5173\u952e\u5b57\u5e76\u4e0d\u610f\u5473\u7740\u4f60\u4e5f\u5fc5\u987b\u8981\u8fd9\u6837\u505a\u3002\u968f\u7740 ES6 \u7684\u6d41\u884c\uff0c\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528\u7bad\u5934\u51fd\u6570\u3002<\/p>\n<pre><code class=\"language-plain_text\">(name =&gt; {\n    console.log(`Hello ${name}`); \/\/ Hello Parwinder\n})(&quot;Parwinder&quot;);\n<\/code><\/pre>\n<p>\u53e6\u4e00\u4e2a\u521b\u5efa IIFE \u7684\u65b9\u6cd5\u662f\u4f7f\u7528\u53d6\u53cd\u64cd\u4f5c\u7b26 <code>!<\/code>\uff0c\u5f53\u6211\u4eec\u4f7f\u7528 <code>function<\/code> \u5173\u952e\u5b57\u65f6\uff0c\u521b\u5efa\u7684\u662f\u51fd\u6570\u58f0\u660e\u3002<\/p>\n<pre><code class=\"language-plain_text\">function myName() {\n    return &quot;Parwinder&quot;;\n}\n\nconsole.log(myName()); \/\/ Parwinder\n<\/code><\/pre>\n<p>\u4f60\u5fc5\u987b\u8c03\u7528\u8fd9\u4e2a\u51fd\u6570\u6765\u8fd4\u56de\u7ed3\u679c\u3002\u5982\u679c\u6211\u4eec\u5728\u524d\u9762\u52a0\u4e0a\u53d6\u53cd\u64cd\u4f5c\u7b26\uff0c\u5b83\u5c31\u4f1a\u53d8\u6210\u51fd\u6570\u8868\u8fbe\u5f0f\u3002<\/p>\n<pre><code class=\"language-plain_text\">!function myName() {\n    return &quot;Parwinder&quot;;\n}\n<\/code><\/pre>\n<p>Ta-Da! \u6211\u4eec\u4f7f\u7528 <code>!function = {}()<\/code> \u4ee3\u66ff <code>(function =&gt; {})()<\/code> \u6765\u521b\u5efa IIFE\uff0c\u4e0d\u9700\u8981\u4f7f\u7528 <code>()<\/code> \u5757\u6765\u5305\u88f9\u51fd\u6570\u5757\u3002<\/p>\n<p>\u5728\u6211\u6700\u540e\u4e00\u4e2a\u4f8b\u5b50\u4e2d\uff0c\u4f60\u662f\u5426\u89c2\u5bdf\u5230\u6211\u628a\u8fd4\u56de\u7ed3\u679c\u58f0\u660e\u6539\u4e3a\u4e86 console.log\uff1f\u90a3\u662f\u6709\u76ee\u7684\u7684\uff0c IIFE \u603b\u662f\u8fd4\u56de <code>undefined<\/code>\u3002\u5982\u679c\u6211\u4eec\u4f7f\u7528\u53d6\u53cd\u64cd\u4f5c\u7b26\u521b\u5efa IIFE\uff0c\u5b83\u5c06\u4f1a\u8fd4\u56de <code>true<\/code> \u90a3\u662f\u56e0\u4e3a <code>!undefined<\/code> \u7684\u503c\u4e3a <code>true<\/code>\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u539f\u6587\u5730\u5740\uff1ahttps:\/\/dev.to\/bhagatparwinder\/iife-immediate&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,20,3],"tags":[111,185],"class_list":["post-1386","post","type-post","status-publish","format-standard","hentry","category-all","category-frontend","category-tech","tag-iife","tag-185"],"_links":{"self":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1386"}],"version-history":[{"count":1,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1386\/revisions"}],"predecessor-version":[{"id":1387,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=\/wp\/v2\/posts\/1386\/revisions\/1387"}],"wp:attachment":[{"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhuxinyong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}