Web系開発メモ

Java, C#, HTML, CSS, JavaScript のことなどを書いてます。

JS:括弧付き変数への代入

Electron を使ってたら、次のように括弧付き変数に代入するコードを見かけました。

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

今回は、この表現について調べたことをまとめていきます。

動作内容

上のコードは下のコードと同じような動きになるみたいです。

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

electron オブジェクトの appBrowserWindow がそれぞれ代入される感じです。

名称

Mozilla のページを見ると、分割代入 と呼ばれているみたいです。

もっと具体的に言うと、上のコードは「オブジェクトの分割代入」に該当します。(配列とかも分割代入できるみたいです。)

感想

初めて見たときは戸惑ったんですが、慣れると便利だなと思いました。