import和require引入文件，加载出来的结果不同

最新推荐文章于 2024-04-13 04:30:16 发布

大个个个个个儿

最新推荐文章于 2024-04-13 04:30:16 发布

阅读量287

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript js vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_40269801/article/details/131781623

vue 同时被 3 个专栏收录

36 篇文章

订阅专栏

javascript

34 篇文章

订阅专栏

30 篇文章

订阅专栏

// 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()，是在运行代码时根据需要加载依赖项