Modifier Array.prototype dans node.js

Question

Je veux rendre certaines fonctions disponibles pour tous mes tableaux.

Par exemple, je veux une fonction pour supprimer les doublons:

Array.prototype.uniq = function() { 
    return Array.from(new Set(this)); 
}; 

Mais je veux faire ce travail de fonction dans mon ensemble du projet node.js.

Cela fonctionnera-t-il si je le mets simplement dans server.js qui est exécuté quand je tape npm start?

Ce serait génial si cela fonctionne aussi sur le client. Est-il possible ou devrais-je considérer le serveur et le client strictement séparés les uns des autres?

Est-ce une mauvaise pratique d'étendre Array.prototype comme ça? Je pense juste qu'il semble stupide d'écrire le code plusieurs fois.

Une autre option pourrait être d'utiliser

function uniquify(arr) { 
    return Array.from(new Set(arr)); 
} 

mais array.uniq() semble mieux que uniquify(array).

Answer 1

Il est considéré comme "mauvaise pratique" pour manipuler le prototype de tableau.

I (personnellement) ne pense pas que ce soit si mal de le faire avec quelque chose qui a un nom très « unique », mais des noms uniques sont difficiles à trouver.

Il est préférable d'avoir des fonctions utilitaires que vous pouvez appeler et utiliser quand vous voulez.

Answer 2

Première: Si vous allez ajouter des propriétés à Array.prototype, ne le font pas les ajouter via une simple affectation. Cela crée des propriétés énumérables et le code qui repose sur des tableaux ne possédant aucune propriété énumérable par défaut est rompu.

donc utiliser defineProperty à la place:

Object.defineProperty(Array.prototype, "uniq", { 
    value: function uniq() { 
     return Array.from(new Set(this)); 
    } 
}); 

Pour vos questions:

Est-ce que ça marche si je l'ai mis dans server.js qui est exécuté lorsque je tape npm start?

Je ne suis pas sûr de ce que server.js vous parlez, mais si vous parlez de la modification des fichiers qui sont intégrés dans certaines parties du nœud ou npm plutôt que des parties de votre projet, je vous recommande fortement pas le faire.

Ce serait génial si cela fonctionne aussi sur le client. Est-il possible ou devrais-je considérer le serveur et le client strictement séparés les uns des autres?

Ils sont complètement séparés. Si vous voulez le faire sur le client, vous devez inclure le script uniq sur le client.

Est-ce une mauvaise pratique d'étendre Array.prototype comme ceci? Je pense juste qu'il semble stupide d'écrire le code plusieurs fois.

Il y a deux camps de la pensée sur ce point:

1. Oui, il est mauvais. Vous risquez de rencontrer des conflits de noms avec quelqu'un d'autre en ajoutant le leur, différent uniq. Combiner le code de plusieurs sources devient très, très commun, augmentant les chances de ces problèmes. Les futures versions de la langue peuvent ajouter uniq. Puisque le comité qui dirige le langage (TC-39) essaie de contourner les conflits potentiels, si votre bibliothèque côté client devenait populaire, cela rendrait leur travail plus difficile. (MooTools a, plus d'une fois.)

2. Non, ce n'est pas mauvais, c'est ce que les prototypes sont pour. Les conflits de noms peuvent être gérés si et quand. TC-39 peut le localiser.

Vous devrez décider vous-même si vous souhaitez le faire.

Answer 3

Une autre option est d'étendre la classe de tableau afin que vous puissiez obtenir le meilleur des deux mondes ...

Vous pouvez ajouter toutes les méthodes que vous voulez à votre classe newArray étendu sans polluer l'espace de noms global. Dans la mesure où dans le navigateur, vous devrez faire la même chose, même si cela dépend de si vous passez de ES6 à ES5, vous limitant aux navigateurs ES6 ou si vous cherchez un moyen de faire les choses travailler dans ES5 aussi bien. L'utilisation d'une fonction d'usine pour renvoyer votre type newArray est une approche - en prenant soin de vous assurer que les méthodes que vous ajoutez ne sont pas itérables.

Il y a une discussion ici:

Extending Array with ES6 classes

Answer 4

Pour ce genre de méthodes que vous souhaitez utiliser plusieurs fois dans votre application, vous pouvez créer un fichier comme:

appUtils. js

var appUtils = {}; 

appUtils.getUniqueArray = function() { 
    return Array.from(new Set(this)); 
}; 

// can add other methods as well 

et vous pouvez demander ce fichier chaque fois que vous voulez utiliser cette f onction. Si vous avez d'autres méthodes réutilisables, vous pouvez les ajouter comme ci-dessus.