微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

普歌-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的说明


  1. 函数内部的计算结果返回

  2. 终止函数代码执行,即: return后面的代码不会执行

function fn(): number{
  return 18;
  console.log('代码不执行');
}
  1. return只能在函数中使用,否则会报错

  2. 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();

简单来说:对象就是无序键值对的集合

对象是结构化的,它的类型注解就是从对象的结构(属性方法)出发,进行类型约束和检查

推荐:使用接口来作为对象的类型注解,建立一种契约, 约束对象的结构。

七、接口

接口

使用


直接在对象名称后面写类型注解的坏处:

  1. 代码结构不简洁
  2. 无法复用类型注解

接口为对象的类型注解命名,并为你的代码建立契约来约束对象的结构

语法:

// 接口
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


九、类型推论


类型推论


注意:

如果先声明变量后赋值,此时应该在声明变量时指定类型注解,否则类型推论不起作用


十、类型断言

21


41


541

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐