Uzyskać nazwę zmiennej argument funkcji TypeScript

Question 1

Chciałbym skonfigurować szybki i łatwy sposób testowania funkcji w Angular, gdzie po prostu wkładał nazwa funkcji raz w konstruktora i przetestował je. np.:

constructor() {
    this.test(this.FucntionName)  <= logs function name and output
  }

Problem w tym, że jeśli nie spróbuję przekazać funkcję jako argument, nie powodując jej, dostanę błąd this. scope. Jak mogę uzyskać jak nazwa funkcji, jak i jej wartość zwracana, gdy zostawiam go w funkcji test (), bez konieczności wprowadzania dwa argumenty?

Czy najlepszym rozwiązaniem, może być, niektóre platformy testów jednostkowych zapewniają to?

Mój obecny podejście działa, ale jest niezdarna, i chciałbym wyeliminować konieczność w drugim argumencie:

export class AuthService {
  constructor(
    ...
  ) {
    this.test(this.FunctionName(), 'FunctionName')// I would like to remove the need to repeat the name as string
  }

  test(sub: any, name) {
    sub.subscribe(
      data => {
        console.group("==========", name, "()    TEST  ===============")
        console.log("Output Type:", typeof data)
        typeof data == 'object' ? console.table(data) : console.log(data);
        console.groupEnd()
      }
    )
  }

Question 2

Najbardziej niezawodnym sposobem byłoby przekazać ciąg znaków, a następnie użyć oznaczenia w nawiasach dla jej wyszukiwania this. Użyj funkcji strzałki w polu klasy, aby this kontekst właściwy.

test = (methodName) {
    this[methodName]().subscribe(
        data => {
            console.group("==========", methodName, "()    TEST  ===============")
            // ...

Question 3

Możesz napisać coś takiego jak poniżej (rozszerzając odpowiedź @CertainPerformance)

export class AuthService {
  constructor(
    ...
  ) {
    this.test('FunctionName')
  }

  test(name) {
    this[name]().subscribe(
      data => {
        console.group("==========", name, "()    TEST  ===============")
        console.log("Output Type:", typeof data)
        typeof data == 'object' ? console.table(data) : console.log(data);
        console.groupEnd()
      }
    )
  }

CertainPerformance · Answer 1 · 2021-11-24T01:35:55

Najbardziej niezawodnym sposobem byłoby przekazać ciąg znaków, a następnie użyć oznaczenia w nawiasach dla jej wyszukiwania this. Użyj funkcji strzałki w polu klasy, aby this kontekst właściwy.

test = (methodName) {
    this[methodName]().subscribe(
        data => {
            console.group("==========", methodName, "()    TEST  ===============")
            // ...

Jp Vinjamoori · Answer 2 · 2021-11-25T08:11:59

Możesz napisać coś takiego jak poniżej (rozszerzając odpowiedź @CertainPerformance)

export class AuthService {
  constructor(
    ...
  ) {
    this.test('FunctionName')
  }

  test(name) {
    this[name]().subscribe(
      data => {
        console.group("==========", name, "()    TEST  ===============")
        console.log("Output Type:", typeof data)
        typeof data == 'object' ? console.table(data) : console.log(data);
        console.groupEnd()
      }
    )
  }

Uzyskać nazwę zmiennej argument funkcji TypeScript

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii