Using ECMAScript 6

by

In Chrome, most of the ES6 features are hidden behind a flag called “Experimental JavaScript features”. Visit chrome://flags/#enable-javascript-harmony, enable this flag, restart Chrome and you will get many new features.

Arrow functions are not yet implemented in V8/Chrome, so this flag won’t “unlock” arrow functions.

Since arrow functions are a syntax change, it is not possible to support this syntax without changing the way how JavaScript is parsed. If you love developing in ES6, then you could write ES6 code and use an ES6-to-ES5 compiler to generate JavaScript code that is compatible with all existing (modern) browsers.

For example, see https://github.com/google/traceur-compiler. As of writing, it supports all of the new syntax features of ES6. Together with the flag mentioned at the top of this answer, you will get very close to the desired result.

If you want to run ES6 syntax directly from the console, then you could try to overwrite the JavaScript evaluator of the console (such that Traceur preprocesor is run before executing the code). If you fancy doing this, have a look at this answer to learn how to modify the behavior of the developer tools.

More Related Contents:

  1. How can I get the URL of the current tab from a Google Chrome extension?
  2. How to import ES6 modules in content script for Chrome Extension
  3. How to stop CORB from blocking requests to data resources that respond with CORS headers?
  4. Manually adding a Userscript to Google Chrome
  5. How can I open my extension’s pop-up with JavaScript?
  6. Since v38, Chrome extension cannot load from HTTP URLs anymore, workaround?
  7. Modifying the built-in newtab page
  8. Start an external application from a Google Chrome Extension?
  9. Chrome Extension: how to capture selected text and send to a web service
  10. Where does Chrome store extensions?
  11. How can I get the current tab URL for chrome extension?
  12. Content script matching top-level domains like all google.*
  13. How can I enable my chrome extension in incognito mode?
  14. Insert an image in chrome extension
  15. How to disable (gray out) page action for Chrome extension?
  16. Inject HTML into a page from a content script
  17. chrome.identity User Authentication in a Chrome Extension
  18. Can I modify outgoing request headers with a Chrome Extension?
  19. Is it possible to inject a javascript code that OVERRIDES the one existing in a DOM? (e.g default alert function)
  20. How do I import scripts into a service worker using Chrome extension manifest version 3?
  21. Cross-origin request in a content script is blocked by CORB despite the correct CORS headers
  22. Add contextmenu items to a Chrome extension’s browser action button
  23. How to make a cross-origin request in a content script (currently blocked by CORB despite the correct CORS headers)?
  24. Google Chrome Extensions – Open New Tab when clicking a toolbar icon
  25. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  26. What does “http://*/*”, “https://*/*” and “” mean in the context of Chrome extension’s permissions
  27. CORS issue doesn’t occur when using POSTMAN
  28. How can I detect the current tab’s mime type in a Google Chrome extension?
  29. Passing message from background.js to popup.js
  30. Accessing `window`/DOM/HTML of the webpage from the extension

Leave a Comment