javascript - const {variable} = require ('xxx' ) 是什么意思？

Question

我一直在看到下面的语法，并试图理解有什么不同。我在谷歌上搜索了一下，但没有得到答案。

const  plugin1 = require('awesome-typescript-loader');
const { plugin2 } = require('awesome-typescript-loader');

它们是一样的吗？有人可以解释有什么不同吗？

Answer 1

简单的解释

对于懒惰搜索的人，解构赋值的简单解释如下:

第一种情况:

const  plugin1 = require('awesome-typescript-loader');

在上面的例子中，变量plugin1接收模块'awesome-typescript-loader'导出的对象。

然后，如果你想访问它的属性，你必须像这样调用它:plugin1.propertyFoo

第二种情况:

const { plugin2 } = require('awesome-typescript-loader');

在第二种情况下，您已经知道模块 'awesome-typescript-loader' 导出的对象有一个名为 plugin2 的属性 ，但您不想想要导入具有所有属性的整个对象，如第一个场景。

因此，您使用此语法{plugin2}，这基本上意味着您创建了仅接收属性的局部变量plugin2来自 'awesome-typescript-loader' 默认导出的对象的plugin2。

This can be done on objects and arrays.

正确的定义

虽然上述解释在许多情况下都是正确的，但它实际上取决于您要导入的内容的导出类型。因此，它可能不适用于所有情况。请查看导出文件here以获得更详细和准确的信息。

此外，为了获得正确的定义和语法，请查看 Destructuring Assignment .

希望有帮助!