Question

我试图理解下面两个require语句之间的区别。

具体来说，{ }缠绕ipcMain的目的是什么？

const electron = require('electron')

const {ipcMain} = require('electron')

它们似乎都分配了电子模块的内容，但它们的功能明显不同。

任何人都能解释一下吗？

Answer 1

第二个例子使用了解构。

这将调用从所需模块导出的特定变量（包括函数）。

例如（functions.js）：

module.exports = {
   func1,
   func2
}

包含在您的文件中：

const { func1, func2 } = require('./functions')

现在你可以单独打电话了，

func1()
func2()

而不是：

const Functions = require('./functions')

使用点表示法调用

：

Functions.func1()
Functions.func2()

希望这有帮助。

您可以阅读有关解构here的内容，它是ES6中非常有用的部分，可以与数组和对象一起使用。

Answer 2

通过const electron = require('electron')，ipcMain模块将以electron.ipcMain的形式提供

通过const {ipcMain} = require('electron')，ipcMain模块将以ipcMain的形式提供

此构造称为object destructuring，其实现与Python构造相同

from library import ...

它的基本形式允许您直接引用对象的属性

var o = {prop1: '1', prop2: 2}
var {prop1, prop2} = o
console.log(prop1) // '1' (same as o.prop1)
console.log(prop2) // 2 (same as o.prop2)

检查：

const {ipcMain} = require('electron')
const myElectron = require('electron')
const myipcMain = myElectron.ipcMain
console.log(myipcMain===ipcMain) // true

您可以使用解构分配来导入Javascript对象的多个属性，例如：

const { app, BrowserWindow, ipcMain } = require('electron')

如果使用的属性不存在，它将设置为undefined，并且不会收到错误消息。

const {app, BrowserWindow, ipcMain, doesntExist} = require('electron')
console.log(doesntExist) // undefined

另请参阅：What does curly brackets in the var { … } = … statements do?

节点中的圆括号（大括号）需要语句

2 个答案: