{"id":5559,"date":"2016-11-27T18:27:59","date_gmt":"2016-11-27T10:27:59","guid":{"rendered":"https:\/\/sdeno.com\/?p=5559"},"modified":"2016-12-26T17:07:09","modified_gmt":"2016-12-26T09:07:09","slug":"es6%e7%9a%84export%e5%92%8cimport","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=5559","title":{"rendered":"es6\u7684export\u548cimport"},"content":{"rendered":"<p>js \u5bfc\u5165 \u5bfc\u51fa \u6a21\u5757<\/p>\n<p>\u4e3b\u8981\u8fd0\u7528\u5728commonjs\u6807\u51c6\u5c01\u88c5\u6210\u7684\u6a21\u5757\u4f7f\u7528<\/p>\n<p><span style=\"color: #ff0000;\">export<\/span> \/\/\u5bf9\u5916\u63d0\u4f9b\u63a5\u53e3<\/p>\n<p>\u57fa\u672c\u5199\u6cd5\uff1a<br \/>\nvar firstName = &#8216;Michael&#8217;;<br \/>\nvar lastName = &#8216;Jackson&#8217;;<br \/>\nvar year = 1958;<\/p>\n<p>\u5199\u6cd5\u4e00\uff1a<br \/>\nexport {firstName, lastName, year}; \/\/\u53ef\u4ee5\u8f93\u51fa\u53d8\u91cf<\/p>\n<p>\u5199\u6cd5\u4e8c\uff1a<br \/>\nexport var firstName = &#8216;Michael&#8217;;<\/p>\n<p>export function multiply(x, y) { \uff0f\uff0f\u4e5f\u53ef\u4ee5\u8f93\u51faclass<\/p>\n<p>return x * y;<br \/>\n};<\/p>\n<p>\u5199\u6cd5\u4e09\uff1a<br \/>\nexport { \/\/\u5229\u7528as\u91cd\u65b0\u547d\u540d(\u611f\u89c9\u6ca1\u5fc5\u8981)<br \/>\nfirstName as streamV1,<br \/>\nlastName as streamV2,<br \/>\nyear as streamLatestVersion<br \/>\n};<\/p>\n<p>1,\u8bb0\u4f4f\u8981\u4f7f\u7528export\u8f93\u51fa\u53d8\u91cf\u6216\u8005\u51fd\u6570\u65f6\u5fc5\u987b\u52a0\u4e0a\u753b\u62ec\u53f7{}<br \/>\n2,export\u4e0d\u80fd\u653e\u5728\u67d0\u4e2a\u51fd\u6570\u6216\u8005\u7c7b\u4e2d\uff0c\u5b83\u5fc5\u987b\u5904\u5728\u6a21\u5757\u5168\u5c40\u4e2d<br \/>\n\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d<\/p>\n<p><span style=\"color: #ff0000;\">import<\/span> \/\/\u52a0\u8f7d\/\u5bfc\u5165\u6a21\u5757\uff0c\u5e76\u83b7\u53d6\u6a21\u5757\u5bf9\u5916\u63d0\u4f9b\u7684\u53d8\u91cf\u6216\u8005\u51fd\u6570\uff0c\u65e0\u8bba\u5199\u5728\u4ec0\u4e48\u4f4d\u7f6e\u7a0b\u5e8f\u7b2c\u4e00\u4e2a\u5148\u6267\u884c\u5b83<\/p>\n<p>import {firstName, lastName, year} from &#8216;.\/profile&#8217;;<br \/>\n\/\/\u52a0\u8f7dprofile\u6a21\u5757\uff0c\u5e76\u4e14\u8981\u4e0eexport\u5bf9\u5916\u63d0\u4f9b\u7684\u63a5\u53e3\u4e00\u4e00\u5bf9\u5e94\u987a\u5e8f\u4e00\u6837\uff0c\u4e0d\u80fd\u81ea\u5b9a\u4e49\u540d\u79f0\uff0c\u540d\u79f0\u53ea\u80fd\u548cexport\u5bf9\u5916\u63d0\u4f9b\u7684\u63a5\u53e3\u540d\u79f0\u4e00\u81f4<\/p>\n<p>import { lastName as surname } from &#8216;.\/profile&#8217;; \/\/\u5982\u679c\u60f3\u6539\u540d\u79f0\u53ef\u4ee5\u7528as\u6765\u6539<br \/>\n\u5982\u679cimport\u548cexport\u540c\u65f6\u5b58\u5728\u4e00\u4e2a\u6a21\u5757\u4e2d\uff0c\u5148\u8f93\u5165\u540e\u8f93\u51fa\u4e5f\u5c31\u662f\u5148\u6267\u884cimport\u5728\u6267\u884cexport\uff0c\u4f8b\u5982\uff1a<br \/>\nexport { es6 as default } from &#8216;.\/someModule&#8217;;<br \/>\n\/\/ \u7b49\u540c\u4e8e<br \/>\nimport { es6 } from &#8216;.\/someModule&#8217;;<br \/>\nexport default es6;<\/p>\n<p>import\u52a0\u8f7d\u6a21\u5757\u83b7\u53d6\u63a5\u53e3\u65f6\u6709\u4e00\u4e2a\u5f0a\u7aef\u5c31\u662f\u8981\u9884\u5148\u77e5\u9053\u5bf9\u5916\u63d0\u4f9b\u63a5\u53e3\u7684\u540d\u79f0\uff0c\u8fd8\u8981\u4e00\u4e00\u5bf9\u5e94\u5199\u51fa\u6765\uff0c\u8fd9\u6837\u5c31\u9ebb\u70e6\u4e86\u4e07\u4e00\u4e00\u4e2a\u63a5\u53e3\u6709\u51e0\u5341\u4e2a\u63a5\u53e3\u5462<br \/>\n\u8fd9\u6837\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u5229\u7528\uff0a\u6765\u4ee3\u66ff\uff0c\u4f8b\u5982\uff1a<br \/>\nimport * as circle from &#8216;.\/circle&#8217;;<br \/>\n\u8fd0\u7528\u65f6\u76f4\u63a5\u5c31circle.xx\u5c31\u53ef\u4ee5\u8c03\u7528\u5230\u4e86\uff0c\u4f46\u9884\u5148\u8fd8\u662f\u8981\u77e5\u9053\u5bf9\u5916\u63a5\u53e3\u7684\u540d\u79f0<br \/>\n\u4f7f\u7528\u4e86\uff0a\u672c\u8eab\u5c31\u5ffd\u5f8b\u4e86\u9ed8\u8ba4\u63a5\u53e3\uff0c\u4f46\u662f\u53c8\u4e0d\u53ef\u80fd\u4e00\u4e00\u628a\u6240\u6709\u63a5\u53e3\u90fd\u5217\u51fa\u6765\u9ebb\u70e6<br \/>\n\u5982\u679c\u4e00\u4e2a\u6a21\u5757\u5bf9\u5916\u63d0\u4f9b\u7684\u63a5\u53e3\u6709\u9ed8\u8ba4\u63a5\u53e3\u548c\u4e00\u4e9b\u53d6\u597d\u4e86\u540d\u5b57\u7684\u63a5\u53e3\uff0c\u6211\u4eec\u53ef\u4ee5\u628a\u9ed8\u8ba4\u63a5\u53e3\u72ec\u7acb\u51fa\u6765\uff0c\u4f8b\u5982\uff1a<br \/>\nimport * as math from &#8216;circleplus&#8217;; \/\/\u5c06\u5176\u4ed6\u56fa\u5b9a\u540d\u5b57\u7684\u63a5\u53e3\u53d6\u51fa\u6765\u7edf\u4e00\u653e\u5728math\u4e2d<br \/>\nimport exp from &#8216;circleplus&#8217;; \/\/\u5728\u628a\u9ed8\u8ba4\u63a5\u53e3\u72ec\u7acb\u53d6\u51fa\u6765<\/p>\n<p>&nbsp;<\/p>\n<p>\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d\uff0d<\/p>\n<p><span style=\"color: #ff0000;\">export default<\/span> \/\/\u9ed8\u8ba4\u63a5\u53e3\uff0c\u4f5c\u7528\u5c31\u662fimport\u65f6\uff0c\u4e0d\u5fc5\u9884\u5148\u77e5\u9053\u8f93\u51fa\u7684\u63a5\u53e3\u540d\u79f0\u662f\u4ec0\u4e48\uff0c\u8fd9\u662f\u4e3a\u4e86\u65b9\u4fbfimport\u83b7\u53d6\u5bf9\u5916\u63a5\u53e3<\/p>\n<p>export default\u8981\u914d\u5408import\u624d\u80fd\u8bb2\u89e3<\/p>\n<p>\u7528\u6cd5\u4e00\uff1a<br \/>\n\/\/ export-default.js<br \/>\nexport default function () { \/\/export default\u540e\u9762\u76f4\u63a5\u52a0\u533f\u540d\u51fd\u6570\uff0c\u5982\u679c\u662f\u975e\u533f\u540d\u4e5f\u53ef\u4ee5\u4f46\u6700\u540e\u8f93\u51fa\u7684\u8fd8\u662f\u533f\u540d\u51fd\u6570<br \/>\nconsole.log(&#8216;foo&#8217;);<br \/>\n}<\/p>\n<p>\u8c03\u7528\uff1a<br \/>\n\/\/ import-default.js<br \/>\nimport customName from &#8216;.\/export-default&#8217;; \/\/\u8fd9\u91cc\u7684customName\u662f\u81ea\u5b9a\u4e49\u7684\uff0c\u4e0d\u7528\u53bb\u7ba1export\u5bf9\u5916\u63a5\u53e3\u662f\u4ec0\u4e48\u540d\u5b57\u4e86<\/p>\n<p>&nbsp;<\/p>\n<p>\u7528\u6cd5\u4e8c\uff1a<br \/>\nvar a = 1;<br \/>\nexport default a; \/\/\u76f4\u63a5\u52a0\u53d8\u91cf\u540d<br \/>\n\u6ce8\u610fexport default var a = 1; \u8fd9\u6837\u5199\u662f\u9519\u8bef\u7684<\/p>\n<p>&nbsp;<\/p>\n<p>\u7528\u6cd5\u4e09\uff1a<br \/>\n\/\/ MyClass.js<br \/>\nexport default class { &#8230; } \/\/\u4e5f\u53ef\u4ee5\u8f93\u51fa\u7c7b<br \/>\n\/\/ main.js<br \/>\nimport MyClass from &#8216;MyClass&#8217;;<br \/>\nlet o = new MyClass();<\/p>\n<p>&nbsp;<\/p>\n<p>\u4e00\u4e9b\u8f6c\u5316\u5173\u7cfb\uff0c\u81ea\u5df1\u4f53\u4f1a\u4e0b\u5427<\/p>\n<pre> \/\/ modules.js\r\nfunction add(x, y) {\r\n return x * y;\r\n}\r\n export {add as default};\r\n \/\/ \u7b49\u540c\u4e8e\r\n \/\/ export default add;\r\n\/\/ app.js\r\n import { default as xxx } from 'modules';\r\n \/\/ \u7b49\u540c\u4e8e\r\n \/\/ import xxx from 'modules';<\/pre>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/es6.ruanyifeng.com\/#docs\/module#import\u547d\u4ee4\" target=\"_blank\">http:\/\/es6.ruanyifeng.com\/#docs\/module#import\u547d\u4ee4<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>js \u5bfc\u5165 \u5bfc\u51fa \u6a21\u5757 \u4e3b\u8981\u8fd0\u7528\u5728commonjs\u6807\u51c6\u5c01\u88c5\u6210\u7684\u6a21\u5757\u4f7f\u7528 export \/\/\u5bf9\u5916\u63d0\u4f9b\u63a5\u53e3 \u57fa\u672c\u5199 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-5559","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5559"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5559\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}