我知道标准的ECMAScript模块是静态的,绑定是导入的,而不是值的副本。
module.js
let age = 15
function doBirthday() {
console.log('module, age is', age)
age++
console.log('module, age after birthday is', age)
}
export { age, doBD }
main.js
import {age,doBirthday } from './module.js'
console.log('main, age is: ', age)
console.log('doBirhtday')
doBirthday()
console.log('main, age after birthday: ', age)
指纹:
main, age is: 15
doBirhtday
module, age is: 15
module, age after birthday is: 16
main, age after birthday: 16 //value is updated from module' doBirthday
在main.js中使用动态导入
const { age, doBirthday } = await import('./module.js')
console.log('main, age is: ', age)
console.log('doBirhtday')
doBirthday()
console.log('main, age after birthday: ', age)
指纹:
main, age is: 15
doBirhtday
module, age is: 15
module, age after birthday is: 16
main, age after birthday: 15 //as if age variable was not bonded to the one imported from module
我试图找一个解释这两种不同的行为,但没有发现。
有人能引用一些文档或解释ES6中这两种导入方式的区别吗?
发布于 2022-02-19 17:09:40
如果使用import
关键字(而不是import
函数)创建新标识符,则这些标识符将是其他模块导出的相同值:
import {age,doBirthday } from './fabio.mjs'
^^^^^^
如果使用const
创建新的标识符,则这些标识符将是普通变量,而不是与生成它们的任何内容有内在联系的变量,即使这些标识符来自模块:
const { age, doBirthday } = await import('./fabio.mjs')
^^^^^
上面的内容类似于
const fabioResult = await import('./fabio.mjs');
const { age, doBirthday } = fabioResult;
它不再是一个导入的标识符,只是一个普通的变量,它的值在分配时从对象中获取。
https://stackoverflow.com/questions/71187210
复制相似问题