关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

【TS】ts中的类:class

发布时间:2023-06-29 21:00:19

在ts中,使用class需要给class的属性加上数据类型,实例class或者更改class中的值时,必须符合class中属性定义的数据类型,如果数据类型不同,则会提示,例如:

// 定义接口  interface IPerson{  firstName : string // 姓  lastName : string //名  }  // 定义一个类  class Person {  // 定义公共的字段(属性)  firstName : string // 姓  lastName : string // 名  fullName : string // 姓名  // 定义构造函数  constructor(firstName : string ,lastName : string) {  // 更新属性数据  this.firstName = firstName  this.lastName = lastName  // 姓名  this.fullName = `${this.firstName},${this.lastName} `  }  }   // 定义一个函数 传值的时候需要符合接口的规则  function showName (person : IPerson) {  return `${person.firstName},${person.lastName} `  }   // 实例化对象 new了一个class ,传入两个字符串,对应constructor两个字符串  // class中的firstName = constructor的firstName  // class中的lastName = constructor的lastName  const person = new Person('东方','不败')  // 将值传入函数中,函数返回结果,打印 // 东方,不败  console.log(showName(person));

   

步骤拆解

1、先定义一个类,给定义的类传入两个字符串,constructor接受传入的字符串并更改内部对应的值

2、class值更改后返回给const person

3、const person的值传入函数中,函数的类型需要符合**接口(IPerson)**的类型规范

4、函数return最终结果,打印结果

在类中,传入值的数据类型,必须是符合class的数据类型规范的,否则系统会提示错误


案例源码:https://gitee.com/wang_fan_w/ts-seminar

如果觉得这篇文章对你有帮助,欢迎点亮star


/template/Home/leiyu/PC/Static