Mark function expressions differently from variables

Search Terms

Differentiate JS function vars from other vars, outline, breadcrumb, variable, function expression, arrow function expression

Suggestion

With the addition of outline.showVariables setting in VS Code, I would like to have this issue reconsidered.

https://github.com/microsoft/vscode/issues/84359

Use case and example as above.

Other internal mechanisms and userland extensions could possibly benefit from this change as well.

Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

refs

https://github.com/microsoft/vscode/issues/84359
https://github.com/microsoft/TypeScript/issues/14830
https://github.com/microsoft/TypeScript/issues/29036

Start by reviewing the linked VS Code issue 84359 and the related TypeScript issues 14830 and 29036 to understand the requested outline and breadcrumb distinction. Determine how function expressions and arrow function expressions should be represented separately from variables, while preserving existing JavaScript output and runtime behavior. Done means the desired symbols are distinguishable for the referenced editor use cases.