I understand that a const value is not meant to be reassigned, however consider DevTools is meant to tweak around values while debugging, I think there should be a quick way to try out values. Let say in app.js:

const foo = 5;

In the console, I tried re-assigning it in the console foo = 6;

Obviously it does not work (Assignment to constant variable). I have also tried delete(window.foo) but the value still persist even though the delete function returns true.

Currently the workaround is using Local Overrides (and have to setup persistent file system) since live-editing won't work (the value is already there and without Local Overrides, the edited value does not survive a reload).

Is there any easier way to quickly change a const value?

I understand that a const value is not meant to be reassigned, however consider DevTools is meant to tweak around values while debugging, I think there should be a quick way to try out values. Let say in app.js:

const foo = 5;

In the console, I tried re-assigning it in the console foo = 6;

Obviously it does not work (Assignment to constant variable). I have also tried delete(window.foo) but the value still persist even though the delete function returns true.

Currently the workaround is using Local Overrides (and have to setup persistent file system) since live-editing won't work (the value is already there and without Local Overrides, the edited value does not survive a reload).

Is there any easier way to quickly change a const value?

• javascript
• google-chrome
• google-chrome-devtools
• constants

2 Answers 2

The solution on Google Chrome DevTools group:

You can actually do that, just not using the console. If you have a breakpoint before the code that uses the value that you want to change, let it hit and then double click on the value of the variable under the Scope drawer and edit it.

const redeclaration in the console was added in Chrome 92 :)

Careful though - this is only supported across separate REPL scripts.