在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