dattiloscritto rapporti decoratore "Impossibile risolvere la firma di classe decoratrice quando viene chiamato come espressione"

Question

@xxx("xxx") 
class A{ 
    msg:string 
    constructor(msg:string) { 
     this.msg = msg 
    } 
    print() { 
     console.log(this.msg) 
    } 
} 

function xxx(arg:string) { 
    function f(target) { 
     function ff(msg: string) { 
      return new target(arg + ":" + msg) 
     } 
     return ff 
    } 
    return f 
} 

let a = new A("hellow") 
a.print() 

Quando compilazione, riporta:

decorator.ts (1,1): TS1238 errore: Impossibile risolvere firma di decoratore di classe quando chiamato come espressione. Digita '(msg: string) => any' non è assegnabile al tipo 'void'.

Ma il js genificato eseguito bene. Non so perché segnalare un errore.

Answer 1

Il compilatore si aspetta il tuo decoratore a uno fosse nulla o restituire un valore che è compatibile con A. vede che ritorni un (msg:any) => any ma non può trarre la conclusione che questa funzione è compatibile con A.

Se vuole sbarazzarsi dell'errore, si può lanciare la FF a qualsiasi quando lo restituite, o forse anche per typeof A per comunicare l'intenzione chiara:

function xxx(arg: string) 
{ 
    function f(target) 
    { 
     function ff(msg: string) 
     { 
      return new target(arg + ":" + msg) 
     } 
     return <typeof A><any>ff 
    } 
    return f 
} 

ciò detto, probabilmente non è una buona idea per sostituire le classi in questo modo, dovresti almeno mantenere il costruttore:

TypeScript documentation:

NOTA Nel caso si è scelto di restituire una nuova funzione di costruzione, è necessario fare attenzione a mantenere il prototipo originale. La logica che applica i decoratori in fase di esecuzione non lo farà per te.