【TS】ts中的类：class

在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的数据类型规范的，否则系统会提示错误

案例源码：gitee.com/wang_fan_w/…

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