microsoft / microsoft/TypeScript
Feature Request: Display JSDoc Array of Objects as Array
Personne n'a encore pris cette issue.
- Langage dominant
- Go
- Étoiles
- 111k
- Forks
- 14.3k
- Merge moyen
- 1 j 19 h
- PR mergées (30 j)
- 117
Description
Hey guys,
I tried searching for a similar issue, but couldn't find one. If there is another, I'm happy to close this one. Essentially, when specifying that a particular entity is an array of objects with a definite shape, I would like it if those were displayed as an actual array. Given the following Javascript:
/**
* @param {Object} params
* @param {Object[]} params.items - Array of items
* @param {string} params.items[].name - Name of the item
* @param {string} params.items[].value - Value of the item
*/
function myFunc({ items = []}){
items.map(item => {
console.log(item.name, item.value)
})
}
Currently, on hover, VSCode displays the type hinting as:
function myFunc({ items }: {
items: {
name: string;
value: string;
};
}): void
However, this makes it appear that items is an object. That is incorrect because items is instead an array of objects, and is specified as such in the JSDoc. I would expect something akin to when you specify the properties inline:
JS:
/**
* @param {Object} params
* @param {{name: string, data: string}[]} params.items - Array of items
*/
function myFunc({ items = []}){
items.map(item => {
console.log(item.name, item.value)
})
}
Hover:
function myFunc({ items }: {
items: {
name: string;
data: string;
}[];
}): void
The problem with using the inline format is the lack of an explanation of individual properties, and some object shapes can get very long, and even be nested. Additionally, the above solution waits until the end of the object definition to denote that the property should be an array. It seems that it would be more user-friendly if it was denoted as an array at the beginning, like this:
function myFunc({ items }: {
items: [{
name: string;
data: string;
}];
}): void
Thanks for your time and the great product!!
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Aucun fichier d’implémentation ni aucun test n’est nommé. Reproduisez l’exemple JSDoc dans VSCode et inspectez la sortie de survol de TypeScript language-service, puis suivez la façon dont les propriétés de tableau documentées sont représentées et affichées. C’est terminé lorsque la propriété Object[] documentée apparaît comme un tableau d’objets tout en préservant les descriptions des propriétés individuelles, avec une couverture du comportement de l’exemple.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, typescript, vscode
- Domaine
- developer-experience, tooling
- Type d'issue
- Fonctionnalité
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100