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



    
    TypeScript 接口 Interfaces - 函数类型


    


  • 浏览器效果图
TypeScript 接口 Interfaces - 函数类型_第1张图片
image.png

TypeScript 接口 Interfaces - 函数类型_第2张图片
image.png

你可能感兴趣的:(TypeScript 接口 Interfaces - 函数类型)