什么是javascript中的“导出默认值”？

Question

档案：SafeString.js// Build out our basic SafeString typefunction SafeString(string) {  this.string = string;}SafeString.prototype.toString = function() {  return "" + this.string;};export default SafeString;我从未见过export default。是否有任何等效的东西export default更容易理解？

Answer 1

它是ES6模块系统的一部分，在此进行描述。该文档中还有一个有用的示例：

如果模块定义了默认导出：

export default function() { console.log("hello!") }

那么您可以通过省略花括号来导入默认导出：

import foo from "foo";

foo(); // hello!

该模块系统中定义§15.2和export在特定语法中定义§15.2.3 ECMAScript的2015规范的。

Answer 2

如本MDN页面所述

有两种不同的导出类型，命名导出和默认导出。每个模块可以有多个命名导出，但是只有一个默认导出[...]命名导出可用于导出多个值。在导入过程中，必须使用与相应对象相同的名称。但是可以使用任何名称导入默认导出。

例如：

let myVar; export default myVar = 123; // in file my-module.js

import myExportedVar from './my-module' //  we have the freedom to use 'import myExportedVar' instead of 'import myVar' because myVar was defined as default export

console.log(myExportedVar);        // will log 123