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

Question

档案：SafeString.js

// Build out our basic SafeString type

function 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.jsimport myExportedVar from './my-module' //  we have the freedom to use 'import myExportedVar' instead of 'import myVar' because myVar was defined as default exportconsole.log(myExportedVar);        // will log 123