Hvordan prototype utvide på typescript?

Question

Hvordan prototype utvide på typescript?

stemmer

16

Jeg utvidet funksjon prototype men Loggfila ikke gjenkjenner den.

Function.prototype.proc = function() {
  var args, target, v;
  var __slice = [].slice;
  args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
  target = this;
  while (v = args.shift()) {
    target = target(v);
  }
  return target;
};
// generated by coffee-script

var foo: (number) => (string) => number
  = (a) => (b) => a * b.length;
console.log(foo.proc(first, second))

Resultatet: TSC -e

The property 'proc' does not exist on value of type 'Function'

Hvordan kan jeg utvide dette objektet?

javascript typescript

Publisert på 07/10/2012 klokken 04:27
kilden bruker mizchi

På andre språk...

4 svar

nxn · Answer 1 · 2012-10-07 18:03

stemmer

33

Det er en funksjon grensesnittet i standard Loggfila lib som erklærer medlemmene av funksjonsobjekter. Du må erklære proc som medlem av det grensesnittet med din egen legge på som følgende:

interface Function {
    proc(...args: any[]): any;
}

Dette grensesnittet må bli referert fra hvor som helst du har tenkt å bruke 'proc'.

Svarte 07/10/2012 kl. 18:03
kilden bruker nxn

gaperton · Answer 2 · 2016-06-25 05:00

stemmer

8

Som dette:

declare global {
    interface Function {
        proc() : any;
    }
}

Uten 'erklære global' det fungerer ikke.

Det er slik modul styrking fungerer i de senere Loggfila versjoner. Sjekk ut dokumentasjon og bla ned til Module augmentationseksjonen.

Svarte 25/06/2016 kl. 05:00
kilden bruker gaperton

Hashbrown · Answer 3 · 2019-03-26 02:25

Bare legger til at hvis du prøver å legge definere noe som allerede er deklarert, så er dette typesafe måte å gjøre det, som også beskytter mot buggy for inimplementeringer.

export const augment = <U extends (string|symbol), T extends {[key :string] :any}>(
    type  :new (...args :any[]) => T,
    name  :U,
    value :U extends string ? T[U] : any
) => {
    Object.defineProperty(type.prototype, name, {writable:true, enumerable:false, value});
};

Som kan brukes til trygt polyfill. Eksempel

//IE doesn't have NodeList.forEach()
if (!NodeList.prototype.forEach) {
    //this errors, we forgot about index & thisArg!
    const broken = function(this :NodeList, func :(node :Node, list :NodeList) => void) {
        for (const node of this) {
            func(node, this);
        }
    };
    augment(NodeList, 'forEach', broken);

    //better!
    const fixed = function(this :NodeList, func :(node :Node, index :number, list :NodeList) => void, thisArg :any) {
        let index = 0;
        for (const node of this) {
            func.call(thisArg, node, index++, this);
        }
    };
    augment(NodeList, 'forEach', fixed);
}

_{Dessverre er det ikke typecheck dine Symboler på grunn av en begrensning i dagens TS , og det vil ikke kjefte på deg hvis strengen ikke passer med noen definisjon av en eller annen grunn, vil jeg rapportere feilen etter å ha sett hvis de allerede er klar over.}

Arijoon · Answer 4 · 2017-05-02 22:52

Jeg legger dette til fraråder å legge prototyper som i eksempelet vist aktuelle siden mange mennesker ser dette spørsmålet. Legg det på følgende måte:

interface Function {
    proc(...args: any[]): any;
}

Object.defineProperty(Function.prototype, 'proc', { value: function(arg: any[]) {
    // Your function body
}});

Årsaken er hvis du legger den til prototypen direkte, kan det bli nummerert hvis en forekomst av denne funksjonen få er nummerert over. for i in ... Nå er denne blokken kan være i en kode du ikke kontroll (nylig skjedde med meg), så det er best å holde koden din så trygg som mulig.