我之所以写这篇文章,是因为(我想我很累),我不太了解MDN,也不了解其他人,描述和理解某事的最佳方法是将其教给其他人。只是我看不到这个问题的简单答案。
什么是javascript中的“导出默认值”?
在默认导出中,导入的命名是完全独立的,我们可以使用任何喜欢的名称。
我将用一个简单的例子来说明这一行。
可以说我们有3个模块和一个index.html:
- modul.js
- modul2.js
- modul3.js
- index.html
modul.js
export function hello() {
console.log("Modul: Saying hello!");
}
export let variable = 123;
modul2.js
export function hello2() {
console.log("Module2: Saying hello for the second time!");
}
export let variable2 = 456;
modul3.js
export default function hello3() {
console.log("Module3: Saying hello for the third time!");
}
index.html
<script type="module">
import * as mod from './modul.js';
import {hello2, variable2} from './modul2.js';
import blabla from './modul3.js'; //! Here is the important stuff - we name the variable for the module as we like
mod.hello();
console.log("Module: " + mod.variable);
hello2();
console.log("Module2: " + variable2);
blabla();
</script>
输出为:
modul.js:2:10 -> Modul: Saying hello!
index.html:7:9 -> Module: 123
modul2.js:2:10 -> Module2: Saying hello for the second time!
index.html:10:9 -> Module2: 456
modul3.js:2:10 -> Module3: Saying hello for the third time!
因此,更长的解释是:
如果要为模块导出单个内容,则使用“导出默认值”。
因此,重要的是“ 从'./modul3.js' 导入blabla ”-我们可以这样说:
“ 从'./modul3.js 导入pamelanderson ”,然后再导入pamelanderson();当我们使用'export default'时,这将很好用,并且基本上就是它- 它允许我们使用default时的任意名称命名。
Ps如果要测试示例-首先创建文件,然后在浏览器中允许CORS- >如果您在浏览器的URL中使用firefox类型:about:config->搜索“ privacy.file_unique_origin”->更改将其设置为“假”->打开index.html->按F12打开控制台并查看输出->享受,不要忘记将cors设置恢复为默认设置。
Ps2对不起,傻傻的变量命名
更多信息@
link2medium,link2mdn1,link2mdn2