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