在 TypeScript 中，我们可以使用 interface 来定义各种类型，包括对象、数组、函数等等。其中，使用 interface 定义函数类型可以让我们在编写代码时更加灵活，并且可以提高代码的可读性和可维护性。
什么是 interface？
在 TypeScript 中，interface 只是一种类型定义，它并不会转换成 JavaScript 代码。它可以用来描述对象、函数、类等各种类型。interface 的基本语法如下：
--------- ------------- - -- ---- ------------- ------------- -- ---- ---------------- --------- ----- ---------- ----------- -
其中，propertyName 表示属性名称，propertyType 表示属性类型。methodName 表示方法名称，arg1、arg2 表示方法参数，arg1Type、arg2Type 表示方法参数类型，returnType 表示方法返回值类型。
使用 interface 定义函数类型
在 TypeScript 中，我们可以使用 interface 来定义一个函数类型。定义函数类型的语法如下：
--------- ------------ - ------ --------- ----- ---------- ----------- -
其中，arg1、arg2 表示函数参数，arg1Type、arg2Type 表示函数参数类型，returnType 表示函数返回值类型。
下面是一个使用 interface 定义函数类型的示例代码：
--------- ---------- - -------- ------- ---------- -------- -------- - --- --------- ----------- -------- - ---------------- ------- ---------- ------- - --- ------ - ------------------------- ------ ------ - --- -
在上面的代码中，我们使用 SearchFunc interface 定义了一个函数类型。然后，我们声明了一个 mySearch 变量，并将一个函数赋值给它。这个函数符合 SearchFunc 定义的函数类型，因此 TypeScript 编译器不会报错。
interface 的可选属性和只读属性
在 interface 中，我们可以使用 ? 符号来表示可选属性。示例如下：
--------- ------ - ----- ------- ----- ------- - --- ---- ------ - - ----- ----- --
在上面的代码中，我们定义了一个 Person interface，其中 age 属性是可选的。因此，在声明 tom 变量时，我们可以不传入 age 属性。
另外，在 interface 中，我们还可以使用 readonly 关键字来定义只读属性。示例如下：
--------- ----- - -------- -- ------- -------- -- ------- - --- --- ----- - - -- --- -- -- -- ---- - -- -- ------ ------ ------ -- --- ------- -- -- - --------- ---------
在上面的代码中，我们定义了一个 Point interface，并将 x、y 属性都定义为只读属性。因此，在声明 p1 变量时，我们必须传入 x、y 属性的值，并且不能修改它们的值。
总结
在 TypeScript 中，我们可以使用 interface 来定义函数类型，从而提高代码的可读性和可维护性。在 interface 中，我们还可以定义可选属性和只读属性，从而更好地描述各种类型。使用 interface 定义函数类型可以让我们在编写代码时更加灵活，同时也可以让我们的代码更加规范和易于维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6637bee8d3423812e45e4a9e