Skip to main content

使用ES6模块

Q：可以修改引入模块的值吗？​

  • A：不能，引入的模块是只读的。只有导出他们的模块才能修改其值。

    // counter.js
    let counter = 10;
    export default counter;
    // index.js
    import myCounter from "./counter";

    myCounter += 1;

    console.log(myCounter);//Eorror

Q：使用import和使用require模块加载顺序有何不同？​

  • A：

    • import命令是编译阶段执行的，在代码运行之前。因此这意味着被导入的模块会先运行，而导入模块的文件会后执行。

      // index.js
      console.log('running index.js');
      import { sum } from './sum.js';
      console.log(sum(1, 2));

      // sum.js
      console.log('running sum.js');
      export const sum = (a, b) => a + b;

      //输出
      //'running sum.js'
      //'running index.js'
      //3

    • 使用require()，可以在运行代码时根据需要加载依赖项。

      // index.js
      console.log('running index.js');
      const { sum } =require( './sum.js');
      console.log(sum(1, 2));

      // sum.js
      console.log('running sum.js');
      export const sum = (a, b) => a + b;
      //输出
      //'running index.js'
      //'running sum.js'
      //3

Q：export const 和export default有何不同？​

  • A：

    // info.js
    export const name = "Lydia";
    export const age = 21;
    export default "I love JavaScript";

    // index.js
    import * as info from "./info";
    console.log(info);
    //{
    //  default: "I love JavaScript",
    //  name: "Lydia",
    //  age: 21
    //}
0%