TypeScript 接口 Interfaces - 函数类型

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

源码

  • ts
//声明一个接口
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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,822评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 作为家长真的不容易,不能鲁莽的打骂孩子,也不能太过溺爱。其实在孩子犯错的时候,家长首先要做的是控制好自己的情绪,再...
    每周微课阅读 187评论 0 1
  • 山顶长望, 天阔地广; 昔志激荡, 不禁怅惘。 楼顶俯瞰, 车来人往, 热闹辉煌, 吾在何方? 独在高处, 心胸起...
    豆麦阅读 182评论 0 0
  • 给app在热更新服务器上创建应用 删除应用 查看热更新服务器上有哪些应用 发布应用 options参数--depl...
    JoyoDuan阅读 1,053评论 0 4