How do I use the additional line breakpoint markers in Chrome Dev Tools?

Question

I have the following line selected for a breakpoint within Chrome Dev Tools

I don't know what the additional markers mean, nor do I know how to use them.

Do these only appear for multiple arrow functions on the same line? Is it possible to stop the code's execution on these markers? If so, how?

Any help is appreciated!

Answer 1

In javascript you're able to just run everything on one line, as long as each line is separated by a ; (wherever a ; would typically be used that is).

What chrome is doing here is it's showing that you can breakpoint at those "lines" as well, all you have to do is click on the indicators to enable them.

They will appear anywhere as long as it's something that could be considered its own line.