typescript 函数

原创已于 2023-06-08 15:34:06 修改 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #开发语言

于 2023-06-08 15:31:05 首次发布

文章详细介绍了TypeScript中创建函数、指定返回值类型、对象类型传递、函数联合类型、类型别名、类型继承以及接口的使用，包括接口的声明合并和接口继承。同时对比了类型别名和接口的异同，强调了它们在描述对象和函数时的不同作用。

1.在 TypeScript 中创建函数的语法是相同的，除了一个主要的补充：我们可以让编译器知道每个参数或参数应该具有什么类型。

function printIn(age: number):number{
	console.log("年龄" + age)
}
printIn(22)
//年龄22

函数添加指定返回值的类型：(number)

function sum(a: number, b: number): number {
  return a + b;
}

对象类型函数传参数：

function initId(obj:{age: number,weight: string}){
	console.log("年龄" + obj.age + "体重" + obj.weight)
}
initId({age:24,weight:"150"})
//年龄24体重150

函数联合类型：

function printID(id :string | number | string[]){
	if(Array.isArray(id)){ //Array.isArray 判断是否为数组
		console.log(id.join("and"))
	}else if(typeof id === "string"){//对类型单独判断 typeof
		console.log("Your Id is" + id.toUpperCase()); 
	}else{
		console.log("Your Id is " + id) 
	}
}
printID("AAA");//Your Id isAAA
printID(222);//Your Id is222
printID(["a1","b2","c3"]);//a1andb2andc3

类型别名和类型继承：

//声明多个类型
type ID = string | number;
function idCard(name :ID){
	console.log(name)
}
idCard(222);//222
idCard("小王");//小王
//对象声明多个类型
type Point = {
	x: number,
	y: string
}
type Pointer = Point &{
	z:boolean
}//类型扩展 交叉类型
function PointCood(id :Pointer){
	console.log(id)
}
PointCood({x:22,y:"小王",z:true})//{ x: 22, y: '小王', z: true }

接口和接口继承：(现有类型追加字段)

//--------接口继承
interface Animal{
	name:number
}
interface Bear extends Animal{
	honey:string
}//接口扩展(继承)
const bear: Bear ={
	name:123,
	honey:"蜂蜜"
}
console.log(bear.name)//123
console.log(bear.honey)//蜂蜜
//============================
//------现有类型追加字段 (重复命名可追加字段)
interface Animal{
	name:string
}
interface Animal{
	age:number
}
const w: Animal ={
	name:"小王",
	honey:123
}
console.log(w.name)//小王
console.log(w.honey)//123

一.总结类型别名和接口的区别：
1.interface 可以声明合并，但是type无法定义，用type会报错如果你多次声明一个同名的接口，TypeScript 会将它们合并到一个声明中，并将它们视为一个接口。这称为声明合并
2.type:创建类型别名，不仅可以用来表示基本类型，还可以表示对象类型，联合类型，元组和交集。但是interface无法定义
3.接口是命名数据结构的另一种方法；与Type不同，Interface仅限于描述对象类型

二.总结类型别名和接口的相同之处：
1.都可以描述Object 和Function，但语法不同
2.interface 和 type 都可以继承。