TS的一些基础知识入门 - 函数、对象（上）

这是我写的最近学习的ts的心得

TS的一些基础知识入门 - 函数、对象（上）

TypeScript函数

函数很好理解，与JS并无太大区别，首先是参数，在对应的参数后面加上对应的类型即可

函数内的变量都需要往里面添加类型注解

举个例子:

function getSumNumber(sum1:number,sum2:number) :number {
    return sum1 + sum2
}

其中里面的参数需要有对应的类型注解，但是我们可以看到，函数的小括号里面也有对应的类型注解，那么这是什么东西呢

这个其实是我们函数中的 return 出来的对应的类型的注解，非常简单

TypeScript对象 - 上

对象里面呢，我们需要了解以下内容

对象概述

对象是对生活中具体事物的抽象，由属性和方法组成 对象就是一组属性和方法的集合，是无序的 描述具体的相关事物

创建对象

{} 就代表对象 里面无数据，所以是空对象 采用的是键值对的形式出现的 键：key 值：value 多个键值对之间，使用英文的逗号来分割“,”

接口

对象是结构化的，简单来说就是对象有什么属性和方法

对象的类型注解

就是相当于是建立一种契约，来约束对象的结构

在类型注解中，是有；进行分隔的，而不是逗号且分号可以省略

// 可以这样进行赋值
let person: {  
  name: string;  
  age:number;  
} = {  
  name:'Vixcity',  
  age:18  
}

// 也可以这样进行赋值

let person1: {  
  name: string;  
  age:number;  
}  
  
person1 = {  
  name:'Vixcity',  
  age:18  
}

无参数无返回值的函数的类型注解为

let person1: {  
  name: string;  
  age:number;  
  fun: () => void  
}  
  
person1 = {  
  name:'Vixcity',  
  age:18,  
  fun:function (){}  
}

有参数无返回值的类型注解为

let p2:{  
  sum:(sum1: number,sum2:number) => void  
} = {  
  sum:function (sum1,sum2){  
 console.log(sum1,sum2) 
  }
}

有参数有返回值的类型注解为

let p3:{
  sum:(sum1: number,sum2:number) => 
} = {  
  sum:function (sum1,sum2){  
 return sum1+sum2  
  }  
}

好的，以上，就是我目前的所学到的关于函数的TS类型注解以及对象的一小部分知识

那么，你们会期待我下一期的分享吗？

哈哈哈，爱你们呦

这就是我，一个爱读书，爱学习，爱生活，爱代码的V同学，大家再见啦

掘金的小伙伴们，希望可以动动你们发财的小手点个赞

如果可以的话，能留下你们的评论就更好啦

在这里先谢过大家啦

爱你们呦，啾咪😂

作者：Vixcity

我的博客：博客地址