主页 / 问题 / 1233518
Accepted
Виталий Шебаниц
Asked:2022-01-19 21:58:40 +0800 CST2022-01-19 21:58:40 +0800 CST

接口实现

  • 772

您如何以不同的方式实现接口（通过类），接口中的第一行给出了什么？它只是一个函数的接口吗？

export interface ITest {
  (): string;
  name: string;
}

我用一个函数做到了：

function d(): ITest {
  let v: ITest = (): string => "123";
  // v.name = "123";
  return v;
}
typescript

1 个回答

  1. Best Answer

    https://www.typescriptlang.org/docs/handbook/interfaces.html#function-types

    该接口描述了一个不带参数并返回字符串的函数。它还说该函数有一个名称。

    然而，在 JS 中，任何函数都有一个名字，并且当我们声明接口时

    interface ITest {
  (): string;
};

    那么 TS 已经知道这是一个函数，并自动应用函数的所有方法和属性。例如，您可以编写：

    let f: ITest;
f.call(null)

    因为函数有方法call。

    因此，任何没有返回字符串的参数的函数都符合这种描述。

    interface ITest {
  (): string;
  name: string;
};

function a() { return 'ok'; }
const c = function() { return 'ok' };
const d = function e() { return 'ok' };
const b = () => 'ok';
const e = (s?: string) => s || 'ok';

function A(s: string) { return s };
function B() { return 42 };

declare function check(func :ITest): boolean;

// ok
check(a);
check(b);
check(c);
check(d);
// ok потому что в A можно не передавать параметры
check(e);

// not ok — у функции есть обязательный параметр
check(A);
// not ok — функция возвращает не строку
check(B);
// not ok — не функция
checK(42);

    例子

    • 2

相关问题