L'extension de Tableau en caractères d'imprimerie

Comment ajouter une méthode à un type de base, disons Tableau? Dans le module global ce sera reconnue

interface Array {
   remove(o): Array;
}

mais où mettre la mise en œuvre effective?

InformationsquelleAutor Francois Vanderseypen | 2012-10-09
  1. 61

    Vous pouvez utiliser le prototype d'étendre Tableau:

    interface Array<T> {
    remove(o: T): Array<T>;
}

Array.prototype.remove = function (o) {
    //code to remove "o"
    return this;
}

    Si vous êtes à l'intérieur d'un module, vous devez préciser que vous faites référence à l'global Array<T>, pas de la création d'un local Array<T> interface au sein de votre module:

    declare global {
    interface Array<T> {
        remove(o: T): Array<T>;
    }
}
    • que pourrait être une douleur, je vous suggère de ne pas essayer. Il est plus facile le parcours proposé ici. Mais si vous êtes curieux: stackoverflow.com/a/14001136/340760
    • il devrait être interface Array<T> { remove(o): T[]; } dans la nouvelle version avec les génériques
    • Ne fonctionne pas si le module externe.
    • Hmm, pouvez-vous développer? Je peux faire de telles choses régulièrement Nœud modules, pourquoi Tapuscrit interdit? Connaissez-vous des solutions?
    • Les définitions doivent être au même niveau afin de prendre effet, donc si vous êtes dans un module et vous déclarez interface Array<T> qui est membre du module, c'est à dire MyModule.Array<T>. Cela signifie que le mondial Array<T> n'est pas étendu, mais une nouvelle interface locale est créée. Vous devez mettre des extensions dans la portée globale... je te suggère de mettre l'interface en .d.ts fichier. Avez-vous aussi besoin de patch la définition de tableau ou est-ce qu'une interface?
    • Salut, désolé de remonter, mais où dois-je mettre ce code dans angulaire à 2 ions (2) application ? Dans un fournisseur de constructeur ?
    • Sur tapuscrit 2.4.1 il a besoin ajoutée declare global {} sur la déclaration d'interface, sinon il va déclencher d'erreur
    • il dépend de l'endroit où vous l'ajoutez - si vous vous mettez à l'intérieur d'un module externe doit ensuite être transmis au global, sinon, il semble être une nouvelle interface dans l'étendue du module, par exemple.

    InformationsquelleAutor Fenton
  2. 38

    declare global semble être le billet de la Machine 2.1. Notez que Array.prototype est de type any[], donc si vous voulez avoir votre implémentation de la fonction contrôle de cohérence, le meilleur pour ajouter un paramètre de type générique vous-même.

    declare global {
  interface Array<T> {
    remove(elem: T): Array<T>;
  }
}

if (!Array.prototype.remove) {
  Array.prototype.remove = function<T>(this: T[], elem: T): T[] {
    return this.filter(e => e !== elem);
  }
}
    • Cela fait l'affaire, s'attendre à l'intérieur de la fonction this sera any[], pas T[]. Quelqu'un sait-il pourquoi? Est-il une solution?
    • J'ai ajouté un type explicite à la this paramètre basé sur votre question. Voir la "cette section" paramètres de typescriptlang.org/docs/handbook/functions.html.
    • Génie! Merci beaucoup Rikki Gibson!
    InformationsquelleAutor Rikki Gibson
  3. 7

    De Tapuscrit 1.6, vous pouvez "nativement" étendre arbitraire des expressions comme intégré types.

    Ce qui est nouveau en caractères d'imprimerie:

    Tapuscrit de 1,6 ajoute le support pour les classes de l'extension expression arbitraire
    qui calcule une fonction constructeur. Cela signifie que les types intégrés
    peut maintenant être étendu dans les déclarations de classe.

    L'étend clause de classe tenu auparavant une référence de type de
    être spécifié. Il accepte maintenant une expression suivie éventuellement d'une
    argument de type liste. Le type de l'expression doit être un constructeur
    type de fonction avec au moins une construction de signature qui a le même
    nombre de type de paramètres comme le nombre d'arguments de type spécifié dans
    la s'étend de la clause. Le type de retour de la correspondance de construire
    signature(s) est le type de base à partir de laquelle l'instance de classe de type
    hérite. Effectivement, cela permet à la fois réel de classes et de "classe" comme de la
    les expressions seront spécifiés dans l'étend clause.

    //Extend built-in types

class MyArray extends Array<number> { }
class MyError extends Error { }

//Extend computed base class

class ThingA {
    getGreeting() { return "Hello from A"; }
}

class ThingB {
    getGreeting() { return "Hello from B"; }
}

interface Greeter {
    getGreeting(): string;
}

interface GreeterConstructor {
    new (): Greeter;
}

function getGreeterBase(): GreeterConstructor {
    return Math.random() >= 0.5 ? ThingA : ThingB;
}

class Test extends getGreeterBase() {
    sayHello() {
        console.log(this.getGreeting());
    }
}
    InformationsquelleAutor Alex
  4. 6

    L'ajout de Rikki Gibson réponse,

    export{}
declare global {
    interface Array<T> {
        remove(elem: T): Array<T>;
    }
}

if (!Array.prototype.remove) {
  Array.prototype.remove = function<T>(elem: T): T[] {
      return this.filter(e => e !== elem);
  }
}

    Sans l'exportation{} TS erreur "Augmentations de la portée globale ne peut être directement imbriquée dans des modules externes ou ambiante module de déclarations."

    InformationsquelleAutor GAF
  5. 4
    class MyArray<T> extends Array<T> {
    remove: (elem: T) => Array<T> = function(elem: T) {
        return this.filter(e => e !== elem);
    }
}
let myArr = new MyArray<string>();
myArr.remove("some");

    cela fonctionne pour moi avec tapuscrit v2.2.1!

    • Ce problème avec cette approche est que maintenant, à chaque tableau doit être du type MyArray, afin de ne pas travailler de façon transparente avec d'autres bibliothèques qui renvoient des matrices.
    InformationsquelleAutor chenxu