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

Bắt đầu bằng cách xem xét issue 84359 của VS Code được liên kết và các issue TypeScript liên quan 14830 và 29036 để hiểu sự phân biệt outline và breadcrumb được yêu cầu. Xác định cách các biểu thức hàm và biểu thức hàm mũi tên cần được biểu diễn tách biệt với các biến, đồng thời giữ nguyên output JavaScript hiện có và hành vi runtime. Được xem là hoàn tất khi các symbol mong muốn có thể được phân biệt trong các trường hợp sử dụng editor được đề cập.