TS2683 (TS) 'ceci' a implicitement type "tout", car il ne dispose pas d'un type d'annotation

Je suis confronté à ce problème avec le fichier d'enregistrement de fichier et voudrais savoir comment résoudre ce problème.

Pour l'instant j'ai supprimé ce tapuscrit exception mais j'aimerais savoir comment remédier à ce problème. Voici mon code:

export class BaseResult {
    isSuccessful: boolean;
    totalRecords: number;
    successMessage: string;
    reasonForFailure: string;
    lastExecutedDateTime: Date;
}

export class Result<T> extends BaseResult {
    data: T;
}

export class CollectionResult<T> extends BaseResult {
    data: T[];
}

export class PagedCollectionResult<T> extends CollectionResult<T> {
    pageNumber: number;
    pageSize: number;
    filter: string;

    pages = function () {
        return (this.totalRecords <= 0 || this.pageSize <= 0) ? 0 : Math.ceil(this.totalRecords / this.pageSize);//<--All the **this** keyword shows the error
    }
}
  • Remplacer pages = function () { avec pages() {
  • changement de flèche fonction: pages = () =>
  • classe syntaxe n'a pas besoin de la function ou ()=> notation à déclarer une méthode.
InformationsquelleAutor Hemant | 2017-12-28
  1. 17

    Comme certains commentaires indiqué, votre this de référence n'est pas tapé parce que vous êtes à l'aide de la function () {} syntaxe pour définir votre fonction. Le this objet à l'intérieur d'une fonction intrinsèquement de type any , parce que this sera l'appelant de la fonction (inconnaissable au moment de la conception).

    Si vous modifiez votre syntaxe d'une flèche fonction, comme le

    pages = () => {

    ou tout simplement omettre le mot-clé function et la flèche, comme

    pages() {

    puis le this objet à l'intérieur de la fonction de référence de l'instance de classe this à la place du type any.

    Voir le fichier d'enregistrement manuel pour plus d'explication.

    • Notez que si vous avez vraiment besoin d'un appelant spécifié this (par exemple, votre fonction sera appelée par un cadre qui définit this à quelque chose de plus raisonnable), vous pouvez dire à la Machine le type de this par l'introduction d'un faux this paramètre: callback = function (this: HTMLElement) { … }
    InformationsquelleAutor Eric King