javascript - 了解 JavaScript 中的导入语法

Question

从 JavaScript 中的另一个文件导入函数

import { myFunction1, myFunction2 } from './myFileName';

嗨，我对这里类似字典 { } 的语法感到困惑。

问题是:

1. { myFunction1, myFunction2 } 是字典/ map 吗？

然后我尝试了语法，尝试创建一个包含函数的字典/映射。事实证明它有效。看起来函数变量名变成了键，函数就是值。

let funcDic = {
    foo, bar
}
function foo() { console.log('foo') } 
function bar() { console.log('bar')}
funcDic['foo']() // prints foo

Answer 1

不，是 ES6 object destructuring .

const record = { user: { name: 'Joe Bloggs' } }

const { user } = record

// user is { name: 'Joe Bloggs' }

const { name } = user

// name is 'Joe Bloggs'

// shorthand for:

const user = record.user
const name = user.name