ES6 |进出口

ES6是一个 JavaScript 标准。在 ES6 的帮助下，我们可以在 JavaScript 中创建模块。在一个模块中，也可以有类、函数、变量和对象。为了使所有这些在另一个文件中可用，我们可以使用export和import 。 export和import是用于导出和导入模块中的一个或多个成员的关键字。

导出：您可以在变量声明前使用export关键字导出变量。您也可以通过执行相同的操作来导出函数和类。

• 变量的语法：

  export let variable_name;

• 函数语法：

  export function function_name() {
    // Statements
  }
  

• 类的语法：

  export class Class_Name {
    constructor() {
      // Statements
    }
  }
  

• 示例 1：创建一个名为export.js的文件，并在该文件中写入以下代码。

  export let num_set = [1, 2, 3, 4, 5];
    
  export default function hello() {
      console.log("Hello World!");
  }
    
  export class Greeting {
      constructor(name) {
          this.greeting = "Hello, " + name;
      }
  }
  

• 示例 2：在此示例中，我们通过在文件末尾指定模块的成员来导出。我们还可以在使用as关键字导出时使用别名。

  let num_set = [1, 2, 3, 4, 5];
    
  export default function hello() {
      console.log("Hello World!");
  }
    
  class Greeting {
      constructor(name) {
          this.greeting = "Hello, " + name;
      }
  }
    
  export { num_set, Greeting as Greet };
  

  注意：应在此处指定默认导出。

导入：您可以使用import关键字导入变量。您可以指定要从 JavaScript 文件导入的所有成员之一。

• 句法：

  import member_to_import from “path_to_js_file”;

  // You can also use an alias while importing a member.
  import Greeting as Greet from "./export.js";

  // If you want to import all the members but don’t
  // want to Specify them all then you can do that using
  // a ' * ' star symbol.
  import * as exp from "./export.js";

• 示例 1：创建一个名为import.html的文件并在该文件中写入以下代码。

      
          Import in ES6
      
      
          
    
              // Default member first
              import hello, { num_set, Greeting } from "./export.js";
              console.log(num_set);
              hello();
              let g = new Greeting("Aakash");
              console.log(g.greeting);
          
      

• 示例 2：

      
          Import in ES6
      
      
          
              import * as exp from "./export.js";
    
              // Use dot notation to access members
              console.log(exp.num_set);
              exp.hello();
              let g = new exp.Greeting("Aakash");
              console.log(g.greeting);
          
      

• 输出：输出将相同，导入相同的文件。
  

注意：应该先导入默认成员，然后再导入大括号中的非默认成员。