Hata: Türünde çağrı imzası olmayan bir ifade çağırılamaz

Daktilo konusunda yepyeni ve iki sınıfım var. Ebeveyn sınıfında var:

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;
    };
  }
}

Çocuk sınıfında var:

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);
  }
}

Hem showMore hem de ShowLess bana "Türünde arama imzası olmayan bir ifade başlatılamaz."

Ancak setProp'un döndürdüğü işlevin bir çağrı imzası var mıdır? Sanırım fonksiyon türleriyle ilgili önemli bir şeyi yanlış anlıyorum, ama ne olduğunu bilmiyorum.

Teşekkürler!

Döndürdüğü işlevin bir çağrı imzası vardır, ancak Typescript'e : anyimzasına ekleyerek bunu tamamen görmezden gelmesini söylediniz .

Bunu yapma.

"Türünde çağrı imzası olmayan bir ifade çağırılamaz."

Kodunuzda:

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);
  }
}

Var public toggleBody: string;. A'yı stringişlev olarak çağıramazsınız . Dolayısıyla şu hatalar: this.toggleBody(true);vethis.toggleBody(false);

Bunu parçalayalım:

1. Hata diyor

   Türünde çağrı imzası olmayan bir ifade çağırılamaz.

2. Kod:

Sorun bu satırda public toggleBody: string;ve

şu çizgilerle ilişkilidir:

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

3. Sonuç:

Söyledikleriniz toggleBodybir stringama sonra ona a'ya sahip bir şey gibi davranıyorsunuz call signature(yani çağrılabilecek bir şeyin yapısı: lambdas, proc, işlevler, yöntemler, vb. JS'de sadece işlev tho.). Beyanı şu şekilde değiştirmeniz gerekir:public toggleBody: (arg: boolean) => boolean; .

Ekstra Ayrıntılar:

"çağırmak" bir işlevi aramanız veya uygulamanız anlamına gelir.

Javascript'teki "bir ifade" temelde bir değer üreten bir şeydir, bu nedenle this.toggleBody()bir ifade olarak sayılır.

Bu satırda "tür" belirtilir public toggleBody: string

"bir çağrı imzası yok" bunun nedeni, this.toggleBody()çağrılabilecek imzası olmayan (yani çağrılabilecek bir şeyin yapısı: lambdas, proc, işlevler, yöntemler, vb.) bir şeyi çağırmaya çalışmanızdır . this.toggleBodyİp gibi davranan bir şey dedin .

Başka bir deyişle hata diyor ki

Bir ifade (this.toggleBody) çağrılamaz çünkü türünde (: string) bir çağrı imzası yoktur (bc bir dize imzasına sahiptir.)

Sanırım senin istediğin:

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)
  }
}

Önemli değişiklik setProp(yani,makePropSetter yeni kodda). Orada gerçekten yaptığınız şey şunu söylemektir: bu, bir özellik adıyla sağlanan bir işlevdir, bu özelliği değiştirmenize izin veren bir işlev döndürür.

Açık <T>, makePropSetterbu işlevi belirli bir türe kilitlemenizi sağlar. Alt <boolean>sınıfın yapıcısı aslında isteğe bağlıdır. Atama yaptığınız için toggleBodyve bu tür zaten tam olarak belirtilmiş olduğundan, TS derleyicisi bunu kendi başına çalıştırabilecektir.

Ardından, alt sınıfınızda bu işlevi çağırırsınız ve dönüş türünün artık belirli bir imzaya sahip bir işlev olduğu doğru bir şekilde anlaşılır. Doğal olarak, toggleBodyaynı imzaya saygı duymanız gerekir .

Fonksiyon olmayan bir şeyi aramaya çalıştığın anlamına gelir

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

Değişkeninize bir tür ekleyin ve ardından geri dönün.

Örneğin:

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

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

=> Önemli kısım, [] tipini vb. Eklemek:

Aynı hata mesajını aldım. Benim durumumda, istemeden ES6 export default function myFuncsözdizimini ile karıştırdım const myFunc = require('./myFunc');.

module.exports = myFunc;Bunun yerine kullanmak sorunu çözdü.

Bu hata, bir şeyden bir değer talep ettiğinizde ve sonuna parantez koyduğunuzda, sanki bir işlev çağrısıymış gibi, yine de değer parantez bitmeden doğru bir şekilde alınırsa ortaya çıkabilir. Örneğin, erişmekte olduğunuz şey Typescript'te bir Özellik 'get' ise.

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

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

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