WebStorm 2019.1 Help

Evaluating Expressions

With WebStorm, you can evaluate arbitrary single-line expressions and quickly evaluate an expression in the editor at caret or a selection.

While using the Expression Evaluation feature, mind the following:

  • A method can be invoked within the Evaluate dialog only if the debugger has stopped at a breakpoint, but has not been paused.

  • Expression Evaluation can only be "single-level". In other words, if WebStorm stops at a breakpoint within a method called from the Expression Evaluation, you cannot use the Expression Evaluation feature again.

Evaluating expressions using the dedicated dialog

To evaluate arbitrary expressions

  1. Open the Evaluate Expression dialog box in one of the following ways:
    • Choose Run | Evaluate Expression on the main menu.

    • Press Alt+F8.

    • To evaluate a specific variable, select it on the Variables pane of the Debug tool window, then choose Run | Evaluate Expression or press Alt+F8.

  2. In the Evaluate Expression dialog box, specify the expression you want to evaluate. Do one of the following:
    • In the Expression field, type the expression in question or choose one of the previously evaluated expressions from the drop-down list.

      If you have selected a specific variable on the Variables pane, this variable will be displayed in the Expression text box.

    • To evaluate a code fragment, click the Code Fragment Mode button and fill in the Code Fragment text box.

      To return to the original mode, click the Expression mode button.

  3. Click the Evaluate button. The Result read-only field shows the evaluation output. If the specified expression cannot be evaluated, the Result field explains the reason.

Evaluating expressions in the editor

During a debugger session, the value of any expression is shown in the tooltip every time you hover your mouse pointer over it. If an expression contains children, clicking icons general add expands the node and displays all children.

You can also use the Quick Evaluate expression functionality that lets you view the value of an expression using the keyboard only.

There are two ways to evaluate an expression quickly:

Show value tooltip on code selection

  1. In the Debugger | Data Views settings page, enable the Show value tooltip on code selection option.

  2. Select a code fragment with the mouse, or by pressing Ctrl+W. A tooltip with the expression value automatically appears under the selection and changes each time you change the selection.

    evaluate selection

Manually invoke the tooltip with the expression value

  1. Place the caret at the desired location, or select an expression to be evaluated.

  2. Choose Run | Quick Evaluate Expression on the main menu, or press Ctrl+Alt+F8. The tooltip with the expression value appears under the selected expression.

Last modified: 16 May 2019

See Also