TypeScript 接口 Interfaces - 函数类型

接口是非常强大的，他可以描述 JavaScript 中的任何对象，那么他当然也可以描述一个函数的类型

源码

//声明一个接口
interface SearchFunc{
    //下面这个是定义了这个接口的参数为两个 string 类型，返回值为 boolean 类型
    (source:string,subString:string):boolean;
}

//声明一个引用 上面 接口类型的变量
let mySearch:SearchFunc;
//这里的参数可以写成与接口中的参数不一样的名字，这里的参数是针对的类型检查而不是值检查
mySearch = function(src:string,sub:string) {
    let result = src.search(sub);//search 是 js 中查询字符串的方法 如果没有的话返回的是 -1  参考网址：http://www.w3school.com.cn/jsref/jsref_search.asp
    if(result != -1){
        return true;
    }else{
        return false;
    }
}
// alert(mySearch('xiaochuan','xiao'));//true
alert(mySearch('xiaochuan','oaix'));//false

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TypeScript 接口 Interfaces - 函数类型</title>
</head>
<body>
    <script type="text/javascript" src="Interfaces.js"></script>
</body>
</html>

浏览器效果图

image.png

image.png

TypeScript 接口 Interfaces - 函数类型

源码

推荐阅读更多精彩内容