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

Question

私は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がDOESに返す関数には呼び出しシグネチャがあると私は思いますか？私は機能のタイプについて重要なことを誤解していると思うが、それが何であるか分からない。

ありがとうございます！

Answer 1

返される関数にコールシグネチャがありますが、Typescriptにそのシグネチャに: anyを追加して完全に無視するように指示しました。

しないでください。あなたのコードで

Answer 2

"Cannot invoke an expression whose type lacks a call signature."

：

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

Answer 3

this.toggleBody(false);私が何をしたいことはあると思う：

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）。あなたが本当にやっていることは、これは、プロパティ名を提供する関数であり、そのプロパティを変更できる関数を返します。

makePropSetterの<T>では、その機能を特定の種類にロックすることができます。サブクラスのコンストラクタ内の<boolean>は、実際はオプションです。 toggleBodyに割り当てているので、既に完全に指定された型があるので、TSコンパイラはそれを独自に実行することができます。

次に、サブクラスでその関数を呼び出し、戻り値の型が特定の署名付き関数であると正しく理解されるようになりました。もちろん、toggleBodyに同じ署名を尊重する必要があります。