8、函数
8.1函数概述
作用:使用函数来包装(封装)相似的代码,在需要的时候调用函数,相似的代码不用重复写
let array : number [] = [1, 5,1,6, 10];
function getSum (array : number[]) {
let sum : number = 0;
for(let i : number = 0; i < array.length; i++) {
sum += array[i]
}
console.log(sum);
}
getSum(array); // 计算array里面元素的和
8.2 函数返回值
作用:将函数内部计算的结果返回,以便于使用该结果继续参与其他的运算
注意:默认返回void类型,如果需要指定返回值类型
function getSum () : 类型注解 {
}
// 示例
function getSum () : number {
}
9、接口
9.1 对象的类型注解
TS中的对象是结构化的,结构简单来说就是对象有什么属性或方法
在使用对象前,就可以根据需求,提前设计好对象的结构
比如,创建一个对象,包括姓名、年龄两个属性
思考过程:
1、对象的结构包括姓名、年龄两个属性
2、 姓名 -》 字符串类型,年龄 -> 数值类型
3、创建对象
示例代码:
// 此处的 {} 表示对象的类型注解
let person : {
name: string;
age: number;
}
// 此处的{}表示ts中的对象
person = {
name: "13",
age: 19
}
9.2 对象方法的类型注解
技巧:鼠标放在变量名称上,VSCode就会给出该变量的类型注解
// 创建一个接口
interface IUser {
name: string
age: number
sayHi: () => void
}
箭头(=>)左边小括号的内容:表示方法的参数类型
箭头(=>)右边的内容:表示方法的返回值类型
方法类型注解的关键点:参数、返回值
9.4 接口的使用
直接在对象名称后面写类型注解的坏处:
1、代码结构不简洁
2、无法复用类型注解
接口:为对象的类型注解命名,并为你的代码建立契约来约束对象的结构
示例代码:
// 创建一个接口
interface IUser {
name: string
age: number
sayHi: () => void
}
let p1 : IUser = {
name: '1',
age: 19,
sayHi: () => {
}
}
interface表示接口,接口名称约定I开头。
推荐:使用接口来作为对象的类型注解。
总结:
总结.png