How do I destructure all properties into the current scope/closure in ES2015?

by

I think you’re looking for the with statement, it does exactly what you are asking for:

const vegetableColors = {corn: 'yellow', peas: 'green'};
with (vegetableColors) {
    console.log(corn);// yellow
    console.log(peas);// green
}

However, it is deprecated (in strict mode, which includes ES6 modules), for good reason.

destructure all properties into the current scope

You cannot in ES61. And that’s a good thing. Be explicit about the variables you’re introducing:

const {corn, peas} = vegetableColors;

Alternatively, you can extend the global object with Object.assign(global, vegetableColors) to put them in the global scope, but really, that’s worse than a with statement.

1: … and while I don’t know whether there is a draft to allow such things in ES7, I can tell you that any proposal will be nuked by the TC 🙂

More Related Contents:

  1. One-liner to take some properties from object in ES 6
  2. What is destructuring assignment and its uses?
  3. Where can I get info on the object parameter syntax for JavaScript functions?
  4. Is it possible to destructure onto an existing object? (Javascript ES6)
  5. What does curly brackets in the `var { … } = …` statements do?
  6. ES6/ES2015 object destructuring and changing target variable
  7. ES6 destructuring function parameter – naming root object
  8. How to destructure object properties with key names that are invalid variable names?
  9. How can I clone a JavaScript object except for one key?
  10. Destructuring in Node.JS
  11. Destructuring and rename property
  12. ES6 Destructuring and Module imports
  13. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  14. ES6 destructuring object assignment function parameter default value
  15. Best way to polyfill ES6 features in React app that uses create-react-app
  16. Clean way to keep original variable and destructure at the same time
  17. How to destructure option argument with all default values in ES6?
  18. Curly brackets (braces) in Node.js ‘require’ statement
  19. Node JS / V8 destructuring bug?
  20. How to bind methods when destructuring an object in JavaScript?
  21. object destructuring: how to use intermediate nested property
  22. How can I write a function that will format a camel cased string to have spaces?
  23. Keyword ‘const’ does not make the value immutable. What does it mean?
  24. How to extend a class without having to use super in ES6?
  25. Declaring static constants in ES6 classes?
  26. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  27. this value in JavaScript anonymous function
  28. map function not working in React
  29. Split a Javascript class (ES6) over multiple files?
  30. gulp babel, exports is not defined

Leave a Comment