两个导出在同一个文件中

在JavaScript中，我们可以使用export语句将代码导出使其可以在其他文件中使用。

当我们在同一个文件中使用export语句导出两个或以上的代码时，需要特别注意它们之间的引用关系，否则会出现引用错误（ReferenceError）。

导出多个变量/函数

在同一个文件中导出多个变量/函数时，我们可以通过以下方式进行导出：

  // MyClass.js
  
  export const name = 'Tom';
  
  export function sum(a, b) {
    return a + b;
  }

这里我们通过export语句将常量name和函数sum导出。

导出一个默认变量/函数和一个非默认变量/函数

在同一个文件中导出一个默认变量/函数和一个非默认变量/函数时，我们可以通过以下方式进行导出：

  // MyClass.js
  
  const name = 'Tom';
  
  function sum(a, b) {
    return a + b;
  }
  
  export default sum;
  
  export { name };

这里我们通过export default语句将函数sum导出为默认输出（default export），并通过export { name }语句将name导出为非默认输出（named export）。

导入多个变量/函数

当我们在其他文件中需要使用同一个文件中导出的多个变量/函数时，我们可以通过以下方式进行导入：

  // OtherFile.js
  
  import { name, sum } from './MyClass.js';
  
  console.log(name); // 输出 'Tom'
  console.log(sum(1, 2)); // 输出 3

这里我们使用import语句导入文件MyClass.js中的name和sum变量/函数，并在控制台中输出它们的值。

导入一个默认变量/函数和一个非默认变量/函数

当我们在其他文件中需要使用同一个文件中导出的一个默认变量/函数和一个非默认变量/函数时，我们可以通过以下方式进行导入：

  // OtherFile.js
  
  import sum, { name } from './MyClass.js';
  
  console.log(name); // 输出 'Tom'
  console.log(sum(1, 2)); // 输出 3

这里我们使用import语句同时导入文件MyClass.js中的默认输出sum和非默认输出name，并在控制台中输出它们的值。

总结：当我们在同一个文件中使用export语句导出两个或以上的代码时，需要特别注意它们之间的引用关系，如果导出方式不正确会出现引用错误。在导入时，我们可以通过import语句导入同一个文件中导出的多个变量/函数，或同时导入一个默认变量/函数和一个非默认变量/函数，来使用这些导出的代码。