在ES6
中import
只能实现静态导入,也就是我们在使用某一个模块文件的时候,需要在文件头部导入这个模块。如:
而在后期的开发过程当中一些时候我们导入的模块并不一定都会使用到,但是还是需要提前导入,这时候就会导入一个实际没有用到的文件如:
import ma from './ma.js'
var a = getValue();
// getValue是一个获取数据的函数
if(a > 10){
console.log(ma);
}
这里如果a
实际的值小于10
,ma.js
引入了又没有用到占用资源,这时候我们就可以用ES11
的动态import
避免这种情况,如:
var a = getValue();
// getValue是一个获取数据的函数
if(a > 10){
import('./ma.js').then(model=>{
console.log(model);
})
}
这时候就实现了 ES11
的动态import
,避免加载无用资源。
行动是治愈恐惧的良药,而犹豫拖延将不断滋养恐惧。
网友评论