了解 JavaScript 中的导入语法

Question

在 javascript 中从另一个文件导入函数

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

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

问题是：

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

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

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