首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在JavaScript中,动态导入和静态导入之间的绑定有什么不同吗?

在JavaScript中,动态导入和静态导入之间的绑定有什么不同吗?
EN

Stack Overflow用户
提问于 2022-02-19 17:05:55
回答 1查看 132关注 0票数 0

我知道标准的ECMAScript模块是静态的,绑定是导入的,而不是值的副本。

module.js

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
import {age,doBirthday } from './module.js'

console.log('main, age is: ', age)
console.log('doBirhtday')
doBirthday()
console.log('main, age after birthday: ', age)

指纹:

代码语言:javascript
运行
复制
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中使用动态导入

代码语言:javascript
运行
复制
const { age, doBirthday } = await import('./module.js')

console.log('main, age is: ', age)
console.log('doBirhtday')
doBirthday()
console.log('main, age after birthday: ', age)

指纹:

代码语言:javascript
运行
复制
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中这两种导入方式的区别吗?

EN

Stack Overflow用户

发布于 2022-02-19 17:09:40

如果使用import关键字(而不是import函数)创建新标识符,则这些标识符将是其他模块导出的相同值:

代码语言:javascript
运行
复制
import {age,doBirthday } from './fabio.mjs'
^^^^^^

如果使用const创建新的标识符,则这些标识符将是普通变量,而不是与生成它们的任何内容有内在联系的变量,即使这些标识符来自模块:

代码语言:javascript
运行
复制
const { age, doBirthday } = await import('./fabio.mjs')
^^^^^

上面的内容类似于

代码语言:javascript
运行
复制
const fabioResult = await import('./fabio.mjs');
const { age, doBirthday } = fabioResult;

它不再是一个导入的标识符,只是一个普通的变量,它的值在分配时从对象中获取。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71187210

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档