Помилка. Неможливо викликати вираз, типу якого відсутній підпис дзвінка

Я абсолютно новачок в машинописі і маю два класи. У батьківському класі я маю:

abstract class Component {
  public deps: any = {};
  public props: any = {};

  public setProp(prop: string): any {
    return <T>(val: T): T => {
      this.props[prop] = val;
      return val;
    };
  }
}

У дитячому класі я:

class Post extends Component {
  public toggleBody: string;

  constructor() {
    this.toggleBody = this.setProp('showFullBody');
  }

  public showMore(): boolean {
    return this.toggleBody(true);
  }

  public showLess(): boolean {
    return this.toggleBody(false);
  }
}

І showMore, і ShowLess дають мені помилку: "Неможливо викликати вираз, типу якого відсутній підпис дзвінка".

Але я думаю, що функція, яку повертає setProp, має підпис дзвінка? Я думаю, що я розумію щось важливе щодо типізації функцій, але я не знаю, що це таке.

Дякую!

Функція, яку він повертає, має підпис дзвінка, але ви сказали Typescript повністю ігнорувати це, додавши : anyйого в підпис.

Не робіть цього.

"Неможливо викликати вираз, типу якого відсутній підпис дзвінка."

У вашому коді:

class Post extends Component {
  public toggleBody: string;

  constructor() {
    this.toggleBody = this.setProp('showFullBody');
  }

  public showMore(): boolean {
    return this.toggleBody(true);
  }

  public showLess(): boolean {
    return this.toggleBody(false);
  }
}

У вас є public toggleBody: string;. Ви не можете викликати stringфункцію a. Звідси помилки на: this.toggleBody(true);іthis.toggleBody(false);

Розберемо це:

1. Помилка говорить

   Неможливо викликати вираз, типу якого відсутній підпис дзвінка.

2. Код:

Проблема в цьому рядку public toggleBody: string;&

це відношення до цих рядків:

...
return this.toggleBody(true);
...
return this.toggleBody(false);

3. Результат:

Твоя приказка toggleBody- це, stringале тоді ти трактуєш її як щось, що має call signature(тобто структуру чогось, що можна назвати: лямбда, прок, функції, методи тощо. У JS просто функціонує тхо). Потрібно змінити декларацію, щоб бути public toggleBody: (arg: boolean) => boolean;.

Додаткові деталі:

"виклик" означає ваш дзвінок або застосування функції.

"вираз" у Javascript - це в основному щось, що виробляє значення, тому this.toggleBody()вважається виразом.

"type" оголошено в цьому рядку public toggleBody: string

"не вистачає підпису дзвінка", це тому, що ви намагаєтеся викликати те, this.toggleBody()що не має підпису (тобто структуру того, що можна назвати: лямбдас, процедур, функції, методи тощо), які можна викликати. Ви сказали, this.toggleBodyце щось, що діє як струна.

Іншими словами помилка говорить

Неможливо викликати вираз (this.toggleBody), оскільки його типу (: string) не вистачає підпису виклику (bc він має рядковий підпис.)

Я думаю, що ти хочеш:

abstract class Component {
  public deps: any = {};
  public props: any = {};

  public makePropSetter<T>(prop: string): (val: T) => T {
    return function(val) {
      this.props[prop] = val
      return val
    }
  }
}

class Post extends Component {
  public toggleBody: (val: boolean) => boolean;

  constructor () {
    super()
    this.toggleBody = this.makePropSetter<boolean>('showFullBody')
  }

  showMore (): boolean {
    return this.toggleBody(true)
  }

  showLess (): boolean {
    return this.toggleBody(false)
  }
}

Важлива зміна полягає в setProp(тобто makePropSetterв новому коді). Що ви там дійсно робите, це сказати: це функція, яка надала ім'я властивості, поверне функцію, яка дозволяє змінити цю властивість.

<T>На makePropSetterдозволяє заблокувати цю функцію , щоб тип конкретного. Конструктор <boolean>підкласу фактично необов’язковий. Оскільки ви присвоюєте toggleBodyцей тип і вже має вказаний тип, компілятор TS зможе опрацювати його самостійно.

Потім у своєму підкласі ви викликаєте цю функцію, і тип повернення тепер належним чином розуміється як функція з певною підписом. Природно, вам потрібно буде toggleBodyповажати той самий підпис.

Це означає, що ви намагаєтесь викликати щось, що не є функцією

const foo = 'string'
foo() // error

Додайте тип до змінної та поверніться.

Наприклад:

const myVariable : string [] = ['hello', 'there'];

const result = myVaraible.map(x=> {
  return
  {
    x.id
  }
});

=> Важливою частиною є додавання рядка [] типу тощо:

У мене було те саме повідомлення про помилку. У моєму випадку я ненароком змішав export default function myFuncсинтаксис ES6 з const myFunc = require('./myFunc');.

Використовуючи module.exports = myFunc;натомість вирішено проблему.

Ця помилка може бути викликана, коли ви щось вимагаєте від значення і ставите круглі дужки в кінці, як якщо б це функція виклику, але значення витягується правильно, не закінчуючи дужки. Наприклад, якщо те, що ви отримуєте доступ, це властивість "отримати" в Typescript.

private IMadeAMistakeHere(): void {
    let mynumber = this.SuperCoolNumber();
}

private IDidItCorrectly(): void {
    let mynumber = this.SuperCoolNumber;
}

private get SuperCoolNumber(): number {
    let response = 42;
    return response;
};