Vue3+TypeScript从入门到精通系列之：TypeScript函数类型

一、TypeScript函数类型

函数类型.ts

//为了使用接口表示函数类型，需要给接口定义一个调用签名
//像是一个只有参数列表和返回值类型的函数定义
//参数列表里的每个参数都需要名字和类型
(()=>{

//函数类型：通过接口的方式作为函数的类型来使用
//定义一个接口，用来作为某个函数的类型使用
interface ISearchFunc{
  //定义一个调用签名
  (source: string,subString: string):boolean
}

//定义一个函数，该类型就是上面定义的接口
const searchString = function(source: string,subString: string):boolean{
  //在source字符串中查找subString这个字符串
  return source.search(subString) > -1
}

//调用函数
console.log(searchString("加油学习vue3,可以的","vue"))
})()

二、TypeScript函数类型转为js

tsc ./函数类型.ts

//为了使用接口表示函数类型，需要给接口定义一个调用签名
//像是一个只有参数列表和返回值类型的函数定义
//参数列表里的每个参数都需要名字和类型
(function () {
    //定义一个函数，该类型就是上面定义的接口
    var searchString = function (source, subString) {
        //在source字符串中查找subString这个字符串
        return source.search(subString) > -1;
    };
    //调用函数
    console.log(searchString("加油学习vue3,可以的", "vue"));
})();

三、查看js输出

node ./函数类型.js
true