javascript - JavaScript 中的 const 和 const {} 有什么区别

Question

在学习electron的时候，发现了两种获取BrowserWindow对象的方法。

const {BrowserWindow} = require('electron')

和

const electron = require('electron')
const BrowserWindow = electron.BrowserWindow

JavaScript中的const和const {}有什么区别？

我不明白为什么 const {} 可以工作。我错过了关于 JS 的任何重要内容吗？

Answer 1

两段代码是等价的，但第一段使用 ES6 destructuring assignment更短。

下面是一个简单的例子来说明它是如何工作的:

const obj = {
  name: "Fred",
  age: 42,
  id: 1
}

//simple destructuring
const { name } = obj;
console.log("name", name);

//assigning multiple variables at one time
const { age, id } = obj;
console.log("age", age);
console.log("id", id);

//using different names for the properties
const { name: personName } = obj;
console.log("personName", personName);