{"id":1582,"date":"2022-03-03T09:53:55","date_gmt":"2022-03-03T00:53:55","guid":{"rendered":"https:\/\/blog.wsd.sh\/?p=1582"},"modified":"2022-03-03T18:50:35","modified_gmt":"2022-03-03T09:50:35","slug":"javascript%ef%bc%9aclient-code%e3%82%92module%e5%8c%96%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/blog.wsd.sh\/?p=1582","title":{"rendered":"<small>JavaScript:\uff1aclient code\u3092module\u5316\u3059\u308b<\/small>"},"content":{"rendered":"<p>\uff11\uff0e\u76ee\u7684<br \/>\nclient \u306eJavasScript\u306eObject\u304c\u5927\u304d\u304f\u306a\u308a\u904e\u304e\u305f\u306e\u3067module\u5316\u3059\u308b<\/p>\n<p>\uff12\uff0e\u65e2\u5b58\u306ecode\u304b\u3089\u306e\u5909\u66f4\u7b87\u6240<br \/>\n(1) \u5143\u306ejs\u306e&lt; script&gt; \u306etype\u3092\u5909\u66f4<br \/>\n(2) \u5143\u306ejs\u304b\u3089\u5bfe\u8c61\u306efunction\u3092module\u306efile\u306b\u79fb\u52d5<br \/>\n(3) export\u3068import\u3092\u8ffd\u52a0<\/p>\n<p>\uff13\uff0e\u30d5\u30a1\u30a4\u30eb\u30ec\u30a4\u30a2\u30a6\u30c8<\/p>\n<p>&#8212;main.html<br \/>\n |&#8212; pages<br \/>\n |&nbsp;&nbsp;&nbsp; |&#8212; sub.html<br \/>\n |<br \/>\n |&#8212; js<br \/>\n&nbsp;&nbsp;&nbsp;   |&#8212;sub.js<br \/>\n&nbsp;&nbsp;&nbsp;   |&#8212;sub_module.js<\/p>\n<p>\uff14\uff0emain.html\u5185\u306b.\/pages\/sub.html\u3092\u7d44\u307f\u8fbc\u3080<\/p>\n<pre>\r\n\uff1ciframe src=\"pages\/sub.html\" id=\"Page.sub\"\uff1e\uff1c\/iframe\uff1e\r\n<\/pre>\n<p>\uff15\uff0esub.html\u306b\u8a18\u8ff0\u3059\u308b&lt; script&gt; \u306etype<\/p>\n<p>\u5143\u306esub.js\u306etype\u3092&#8221;text\/javascript&#8221;\u304b\u3089&#8221;module&#8221;\u306b\u5909\u66f4\u3059\u308b<br \/>\n\u8ffd\u52a0\u3059\u308bsub_module.js\u3092&#8221;module&#8221;\u306b\u3059\u308b<\/p>\n<p>\u30fb\u5909\u66f4\u524d<\/p>\n<pre>\r\n\uff1cscript type=\"text\/javascript\" src=\"..\/js\/sub.js\"\uff1e\uff1c\/script\uff1e\r\n<\/pre>\n<p>\u30fb\u5909\u66f4\u5f8c<\/p>\n<pre>\r\n\uff1cscript type=\"module\" src=\"..\/js\/sub_module.js\"\uff1e\uff1c\/script\uff1e\r\n\uff1cscript type=\"module\" src=\"..\/js\/sub.js\"\uff1e\uff1c\/script\uff1e\r\n<\/pre>\n<p>\uff16\uff0efunction\u3092module\u306efile\u306b\u79fb\u52d5<br \/>\n\u5143\uff1asub.js<br \/>\n\u5148\uff1asub_module.js<\/p>\n<p>\uff17\uff0efunction\u306bexport\u3092\u8ffd\u52a0<br \/>\n\u30fbsub_module.js<\/p>\n<pre>\r\nexport  function api() {\r\n console.log(\"This api is called.\");\r\n}\r\n<\/pre>\n<p>\uff18\uff0eimport\u3092src\u306e\u5148\u982d\u306b\u8ffd\u52a0<br \/>\n\u30fbsub.js<\/p>\n<pre>\r\nimport { api } from '..\/js\/sub_module.js';\r\n\r\napi() \/\/ This api is called.\r\n<\/pre>\n<p>9. async \u3067\u5b9a\u7fa9\u3057\u3066\u3044\u305ffunction\u306f\u3069\u3046\u306a\u308b\u304b\uff1f<\/p>\n<p>\u554f\u984c\u306a\u304f\u52d5\u4f5c\u3059\u308b<\/p>\n<p>\u30fbexport\u5074 ( sub_module.js )<\/p>\n<pre>\r\nexport  async function api_search() {\r\n console.log(\"This api_search is called.\");\r\n}\r\n<\/pre>\n<p>\u30fbimport\u5074 ( sub.js )<\/p>\n<pre>\r\nimport { api_search } from '..\/js\/sub_module.js';\r\napi_search(); \/\/This api_search is called.\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\uff11\uff0e\u76ee\u7684 client \u306eJavasScript\u306eObject\u304c\u5927\u304d\u304f\u306a\u308a\u904e\u304e\u305f\u306e\u3067module\u5316\u3059\u308b \uff12\uff0e\u65e2\u5b58\u306ecode\u304b\u3089\u306e\u5909\u66f4\u7b87\u6240 (1) \u5143\u306ejs\u306e&lt; script&gt; \u306etype\u3092\u5909\u66f4 (2) \u5143\u306ej&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/1582"}],"collection":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1582"}],"version-history":[{"count":26,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1614,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=\/wp\/v2\/posts\/1582\/revisions\/1614"}],"wp:attachment":[{"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.wsd.sh\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}