普歌-TypeScript基础总结(2)
作者:互联网
TS基础
~喜欢 的小伙伴 点个赞呗 ♥~
五、函数
声明
在 TypeScript 中对函数声明时进行约束,在调用时实参形参一 一对应且必须与声明类型一致,否则会报错
function sum(x: number, y: number): number {
return x + y;
}
sum(1,3);
sum('1','3'); // 类型“string”的参数不能赋给类型“number”的参数
技巧: 调用函数时,鼠标放在函数名称上,会显示该函数的参数以及类型。
注:在调用时,不允许输入多余的(或者少于要求的)参数,否则会报错
返回值
作用:将函数内部计算的结果返回,以便于使用该结果继续参与其他的计算。
sum(2,4); // 6
sum(4,6); // 10
sum(2,4) + sum(4,6) // 6 + 10 => 16
关键点:拿到函数(sum) 内部计算出来的结果,然后才能进行后续的加法计算
注意:如果没有指定函数的返回值,那么,函数返回值的默认类型为void (空,什么都没有)
return的说明
-
将函数内部的计算结果返回
-
终止函数代码执行,即: return后面的代码不会执行
function fn(): number{
return 18;
console.log('代码不执行');
}
-
return只能在函数中使用,否则会报错
-
return可以单独使用(后面可以不跟内容) ,用来刻意终止函数的执行
function play(card: boolean): void{
if(!card) {
return
}
console.log('Please');
}
play(true);
play(false);
六、对象
对象是 一组相关属性和方法的集合,并且是无序的
在TS中,如果要描述一个事物或一 组相关数据,就可以使用对象来实现
let person = {
name: '刘某',
age: 20,
sayHi() {
console.log(123)
},
sing(song: string) {
console.log(song)
}
}
person.sing();
简单来说:对象就是无序键值对的集合
对象是结构化的,它的类型注解就是从对象的结构(属性、方法)出发,进行类型约束和检查
推荐:使用接口来作为对象的类型注解,建立一种契约, 约束对象的结构。
七、接口
使用
直接在对象名称后面写类型注解的坏处:
- 代码结构不简洁
- 无法复用类型注解
接口为对象的类型注解命名,并为你的代码建立契约来约束对象的结构
语法:
// 接口
interface IUser {
name: string
age: number
}
// 具体对象
let person: IUser = {
name: '刘某',
age: 20
}
interface表示接口,接口名称约定以I开头
八、内置对象
数组对象-push
push方法:添加元素(在数组最后一项元素的后面添加)
let names: string[] = ['夏雨', '夏雪', '夏冰雹']
names.push('夏水道')
数组对象-foreach
forEach 方法:遍历数组
let names: string[] = ['赵四', '刘能', '谢广坤']
names.forEach(function (item, index) {
console.log('索引:', index, '元素:', item)
})
问题:遍历整个数组(循环执行了5次),无法中间停止,这种情况下,效率低
数组对象-some
some方法:遍历数组,查找是否有一个满足条件的元素 (如果有,就可以停止循环)
循环特点:根据回调函数的返回值,决定是否停止循环。如果返回true,就停止;返回false,就继续循环
some方法的返回值:布尔值。如果找到满足条件的元素,结果为true;否则,为false
let has: boolean = nums.some(function (num) {
if(num > 10){
return true
}
return false
})
查找是否包含满足条件的元素时,使用some,对数组中每个元素都进行相同的处理时,就用forEach
九、类型推论
注意:
如果先声明变量后赋值,此时应该在声明变量时指定类型注解,否则类型推论不起作用
十、类型断言
标签:总结,TypeScript,普歌,函数,对象,sum,数组,类型,return 来源: https://blog.csdn.net/fsmj_/article/details/111311963