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

まず、リンクされている VS Code の issue 84359 と、関連する TypeScript の issue 14830 および 29036 を確認し、要求されている outline と breadcrumb の区別を理解します。既存の JavaScript の出力とランタイム動作を維持しながら、関数式とアロー関数式を変数とは別にどのように表現すべきかを判断します。参照されているエディターのユースケースで、目的のシンボルを区別できれば完了です。