エラー：コールシグネチャがない型の式を呼び出すことはできません

私はtypescriptを初めて使用するので、2つのクラスがあります。私が持っている親クラスでは：

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;ます。stringaを関数として呼び出すことはできません。したがって、エラーの：this.toggleBody(true);とthis.toggleBody(false);

これを分解してみましょう：

1. エラーは言う

   タイプにコールシグネチャがない式を呼び出すことはできません。

2. コード：

問題はこの行にありますpublic toggleBody: string;＆

これらの行との関係です。

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

3. 結果：

あなたのことわざがtoggleBodyあるstringが、その後、あなたが持っている何かのようにそれを処理するcall signature（：ラムダ、PROC、関数、メソッドなどで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
  }
});

=>重要な部分はstring []タイプなどを追加することです：

同じエラーメッセージが表示されました。私の場合、うっかりしてES6 export default function myFunc構文とを混在させていましたconst myFunc = require('./myFunc');。

module.exports = myFunc;代わりにを使用して問題を解決しました。

このエラーは、何かから値をリクエストしていて、関数呼び出しであるかのように最後に括弧を置いたときに、括弧が終了せずに値が正しく取得された場合に発生する可能性があります。たとえば、アクセスしているものがTypescriptのプロパティ 'get'である場合。

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

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

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