Import and require introduce files, and the loaded results are different

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

// sum.js
console.log('running sum.js');
export const sum = (a, b) => a + b;
//import => 引入文件 => 打印出来的结果是 running sum.js   running index.js  3
//require => 引入文件 => 打印出来的结果是 running index.js   running sum.js  3

// import命令是编译阶段执行的,在代码运行之前。因此这意味着被导入的模块会先运行,sun是个函数当index.js调用的时候才会计算,而导入模块的文件会后执行
//(import具有提升效果,会提升到整个模块的头部,首先执行)
// 使用require(),是在运行代码时根据需要加载依赖项

Guess you like

Origin blog.csdn.net/qq_40269801/article/details/131781623