Web開発など

Java, JS, CSS, HTML, Unity, C# のことなどを書いてます。フリーソフトや二次創作の公開もしています。

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

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

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

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

動作内容

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

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

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

名称

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

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

感想

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