What do {curly braces} around javascript variable name mean [duplicate]

by

This is what’s known as a destructuring assignment, and it’s a new feature of JavaScript 1.7 (and ECMAScript 6) (Currently, only available as part of the Firefox JavaScript engine.) Roughly, it would translate into this:

var ActionButton = require("sdk/ui/button/action").ActionButton;

It seems silly in this example, as there’s only one item being assigned. However, you’d be able to use this pattern to assign multiple variables at once:

{x, y} = foo;

Is the equivalent to:

x = foo.x;
y = foo.y;

This can also be used for arrays. For example, you could easily swap two values without using a temporary variable:

var a = 1;
var b = 3;

[a, b] = [b, a];

Browser support can be tracked using kangax’ ES6 compatibility table.

More Related Contents:

  1. Accessing Variables from Greasemonkey to Page & vice versa
  2. How to use jQuery in Firefox Extension
  3. How can I disable signature checking for Firefox add-ons?
  4. Open a new tab/window and write something to it?
  5. .setAttribute(“disabled”, false); changes editable attribute to false
  6. How to get Windows username in a legacy (not WebExtensions) Firefox add-on?
  7. What is this JavaScript syntax: {Ci, CC}? [duplicate]
  8. How I can make a browser action button that looks and acts like a toggle
  9. Can you get a list of Firefox add-ons programmatically
  10. TypeError: [API] is undefined in content script or Why can’t I do this in a content script?
  11. How can my Add-on SDK content script interact with a website page script?
  12. Handling connection loss with websockets
  13. Get selected text and selected nodes on a page?
  14. Controlling a Firefox Extension via Javascript
  15. Firefox Add-On window.navigator.userAgent error: window not defined
  16. Add-on “appears to be corrupt” when trying to install my add-on’s .xpi file in Firefox
  17. Firefox WebExtension importing Services
  18. How can I tell if a DOM element is visible in the current viewport?
  19. Can I force a link to open in a specific browser?
  20. Firefox error rendering an SVG image to HTML5 canvas with drawImage
  21. event.path is undefined running in Firefox
  22. How JavaScript closures are garbage collected
  23. JavaScript in or just before ?
  24. Get current cursor position in a textbox
  25. Detect failure to load contents of an iframe
  26. How to disable Javascript when using Selenium?
  27. How to force save as dialog box in firefox besides changing headers?
  28. Emulate clicking a link with Javascript that works with IE
  29. console.log(array) shows different array contents than iterating the array and displaying the individual elements
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment