weird symbols in electron javascript

Question

On this page in the example code constants are defined with {}

const {app} = require('electron')

What does {name} do compared to just name?

Also, I tried the code above with jquery and I an error "cannot read property request of undefined".

jQuery(document).ready(function($){

  const {net} = require('electron');
  const request = net.request('https://github.com'); <- here

It's destructuring assignment: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment — jonrsharpe, Apr 09 '17 at 12:51
The example uses `app.on('ready')`, does it work if you use that? — dayuloli, Apr 09 '17 at 12:57
no... I added console.logs for app and net and they appear undefined.. it's like the whole script can't see electron. The script is included inside index.html using require('./renderer.js') — Elfy, Apr 09 '17 at 12:58

score 1 · Accepted Answer · edited Apr 09 '17 at 12:54

1

The {} allow you to 'extract' the app property from the object you're requiring.

It is a feature of ECMAScript 2015 (a.k.a. ES6 or ES2015) called Destructuring assignment. The following two lines are equivalent:

const {app} = require('electron');
const app = require('electron').app;

edited Apr 09 '17 at 12:54

jonrsharpe

answered Apr 09 '17 at 12:51

dayuloli

1 Answers1