javascript - 了解 Javascript 的 Module Require 语法

Question

这个问题已经有答案了:

Javascript object bracket notation ({ Navigation } =) on left side of assign (5 个回答)

已关闭 5 年前。

我最近遇到了这行代码。

const { Bar, Data: { Selectors } } = require('some-module');

有人可以告诉我 Data: { Selectors } 是什么吗？在这段代码中做什么？我知道它正在我的代码库中导入一些模块，只是对 {Selectors} 感到困惑部分。

另外，如果我想用import来写它语法相同的等效代码是什么？

例如:import Bar from "some-module"

Answer 1

它实际上与模块无关(导入或要求的语法相同: import {Bar} from "some-module" )，它只是一个 destructuring assignment创建两个变量:Bar 和Selector。

这是另一个示例以及许多其他 ES6 功能 http://es6-features.org/#ObjectMatchingDeepMatching

    const obj = {Bar: 1, Data: { Selectors: [1,2]}};
    const { Bar, Data: { Selectors } } = obj;
    // This is another ES6 feature, same as saying
    // console.log({Bar: Bar})
    console.log({Bar});
    console.log({Selectors});

上面的说法是一样的

 const Bar = obj.Bar;
 const Selectors = obj.Data.Selectors