{"id":1435,"date":"2022-12-01T19:07:58","date_gmt":"2022-12-01T11:07:58","guid":{"rendered":"http:\/\/175.24.184.226\/?p=1435"},"modified":"2022-12-01T19:07:58","modified_gmt":"2022-12-01T11:07:58","slug":"javascript-es6-%e5%9c%a8%e4%bd%bf%e7%94%a8-import-%e4%b8%8e-export-%e5%8c%ba%e5%88%ab%e5%8f%8a%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"\/?p=1435","title":{"rendered":"Javascript\/es6 \u5728\u4f7f\u7528 import \u4e0e export \u533a\u522b\u53ca\u4f7f\u7528"},"content":{"rendered":"

\u4e00\u3001import \u4e0e export \u7684\u7528\u6cd5<\/h2>\n

1\u3001import \u7684\u51e0\u79cd\u7528\u6cd5<\/h3>\n
import defautName from 'modules.js';\nimport { export } from 'modules.js';\nimport { export as ex1 } from 'modules.js';\nimport { export1, export2 } from 'modules.js';\nimport { export1 as ex1, export2 as ex2 } from 'modules.js';\nimport defautName,{export} from 'modules.js';\nimport * as moduleName from 'modules.js';\nimport defautName, * as moduleName from 'modules.js';\nimport 'modules';<\/code><\/pre>\n
\u3000\u89e3\u91ca\u8bf4\u660e\uff1a<\/p>\n
import \u540e\u9762\u7684 from \u6307\u5b9a\u6a21\u5757\u6587\u4ef6\u7684\u4f4d\u7f6e\uff0c\u53ef\u4ee5\u662f\u76f8\u5bf9\u8def\u5f84\uff0c\u4e5f\u53ef\u4ee5\u662f\u7edd\u5bf9\u8def\u5f84\uff0c.js \u540e\u7f00\u53ef\u4ee5\u7701\u7565\u3002<\/p>\n
\u5982\u679c\u53ea\u662f\u6a21\u5757\u540d\uff0c\u4e0d\u5e26\u6709\u8def\u5f84\uff0c\u90a3\u4e48\u5fc5\u987b\u6709\u914d\u7f6e\u6587\u4ef6\uff0c\u544a\u8bc9 Javascript \u5f15\u64ce\u6a21\u5757\u7684\u4f4d\u7f6e\u3002<\/p>\n
\u4e0a\u9762\u7684 as \u5173\u952e\u5b57\uff0c\u76f8\u5f53\u4e8e import \u8fdb\u6765\u7684\u503c\u7684\u522b\u540d\u3002<\/p>\n
import * from 'xx' \u5c06\u5bfc\u5165\u6574\u4e2a\u6a21\u5757\u7684\u5185\u5bb9\uff0c\u800c import defaultName \u548c import {export1,export2} \u5c06\u5bfc\u5165 export \u7684\u67d0\u4e2a\u503c\u6216\u5bf9\u8c61\u3002<\/p>\n
\u6700\u540e\u4e00\u5f20\u65b9\u5f0f import \u2018module\u2019 \u5c06\u8fd0\u884c\u6a21\u5757\u4e2d\u7684\u5168\u5c40\u4ee3\u7801\uff0c\u800c\u4e0d\u5bfc\u5165\u4efb\u4f55\u503c\u3002<\/p>\n
2\u3001export \u7684\u51e0\u79cd\u7528\u6cd5<\/h3>\n
export { name1, name2,..., nameN };\nexport { variable1 as name1, variable2 as name2,..., nameN };\nexport let name1, name2,..., nameN;\nexport let let name1 =..., name2 =...,..., nameN;\nexport function FunctionName() { };\nexport class ClassName { }\nexport default expression;\nexport default function () { };\nexport default function name() { };\nexport { name1 as default };\nexport * from ...;\nexport { name1, name2 } from ...;<\/code><\/pre>\n
\u3000\u3000\u89e3\u91ca\u8bf4\u660e<\/p>\n
module.js<\/code><\/p>\n
const ex1 = 'xxx';\nconst fun = function () { };\nexport { ex1, fun as demofun };\nexport let ex2 = 'demo';\nexport function multi(x, y) {\n    return x * y;\n}<\/code><\/pre>\n
\u5bf9\u5e94\u7684 import \u5199\u6cd5\uff1a<\/p>\n
import {ex1, demoFun, ex2, multiply} from 'module.js';<\/code><\/pre>\n
\u9ed8\u8ba4\u5bfc\u51fa\uff0cexport \u547d\u540d\u5bfc\u51fa\u9700\u8981 export \u540d\u5b57\u548c import \u540d\u5b57\u4e25\u683c\u4e00\u81f4\u3002\u800c export default \u547d\u4ee4\uff0c\u4e3a\u6a21\u5757\u6307\u5b9a\u9ed8\u8ba4\u8f93\u51fa\uff0c\u5728 import \u7684\u65f6\u5019\u53ef\u4ee5\u968f\u610f\u547d\u540d\u540d\u5b57\u3002\u4e00\u4e2a\u6a21\u5757\u53ea\u80fd\u6709\u4e00\u4e2a\u9ed8\u8ba4\u8f93\u51fa\uff0c\u4e5f\u5c31\u662f\u8bf4 export default \u4e00\u4e2a\u6a21\u5757\u53ea\u80fd\u7528\u4e00\u6b21\u3002 \u7528\u6cd5:<\/p>\n
export default function add(x, y) { return x + y };\nimport anyName from 'a.js';\nlet name = 'b.js';\nexport default name;\nimport anyName from 'b.js';\nexport default class { }\nimport anyClass from 'c.js';\nexport default 1;\nimport value from 'd.js';<\/code><\/pre>\n
\u4e8c\u3001\u533a\u522b\uff1a<\/h2>\n
import \u548c js \u7684\u53d1\u5c55\u5386\u53f2\u606f\u606f\u76f8\u5173\uff0c\u5386\u53f2\u4e0a js \u6ca1\u6709\u6a21\u5757 (module) \u4f53\u7cfb\uff0c\u65e0\u6cd5\u5c06\u4e00\u4e2a\u5927\u7a0b\u5e8f\u62c6\u5206\u6210\u4e92\u76f8\u4f9d\u8d56\u7684\u5c0f\u6587\u4ef6\uff0c\u518d\u7528\u7b80\u5355\u7684\u65b9\u6cd5\u62fc\u88c5\u8d77\u6765\u3002
\n\u5728 ES6 \u4e4b\u524d\uff0c\u793e\u533a\u5236\u5b9a\u4e86\u4e00\u4e9b\u6a21\u5757\u52a0\u8f7d\u65b9\u6848\uff0c\u6700\u4e3b\u8981\u7684\u6709 CommonJS \u548c AMD \u4e24\u79cd\u3002\u524d\u8005\u7528\u4e8e\u670d\u52a1\u5668\uff0c\u540e\u8005\u7528\u4e8e\u6d4f\u89c8\u5668\u3002
\nES6 \u5728\u8bed\u8a00\u6807\u51c6\u7684\u5c42\u9762\u4e0a\uff0c\u5b9e\u73b0\u4e86\u6a21\u5757\u529f\u80fd\uff0c\u800c\u4e14\u5b9e\u73b0\u5f97\u76f8\u5f53\u7b80\u5355\uff0c\u5b8c\u5168\u53ef\u4ee5\u53d6\u4ee3 CommonJS \u548c AMD \u89c4\u8303\uff0c\u6210\u4e3a\u6d4f\u89c8\u5668\u548c\u670d\u52a1\u5668\u901a\u7528\u7684\u6a21\u5757\u89e3\u51b3\u65b9\u6848\u3002\u4e5f\u5c31\u662f\u6211\u4eec\u5e38\u89c1\u7684 require \u65b9\u6cd5\u3002 \u6bd4\u5982 `let { stat, exists, readFile } = require ('fs');ES6 \u5728\u8bed\u8a00\u6807\u51c6\u7684\u5c42\u9762\u4e0a\uff0c\u5b9e\u73b0\u4e86\u6a21\u5757\u529f\u80fd\u3002ES6 \u6a21\u5757\u4e0d\u662f\u5bf9\u8c61\uff0c\u800c\u662f\u901a\u8fc7 export \u547d\u4ee4\u663e\u5f0f\u6307\u5b9a\u8f93\u51fa\u7684\u4ee3\u7801\uff0c\u518d\u901a\u8fc7 import \u547d\u4ee4\u8f93\u5165\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4e00\u3001import \u4e0e export \u7684\u7528\u6cd5 1\u3001import \u7684\u51e0\u79cd\u7528\u6cd5 import defautName from 'mo   \u2026 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[123],"tags":[124,78],"_links":{"self":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1435"}],"collection":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1435"}],"version-history":[{"count":1,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1435\/revisions"}],"predecessor-version":[{"id":1436,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1435\/revisions\/1436"}],"wp:attachment":[{"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1435"},{"taxonomy":"post_tag","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}