HarmonyOS class类对象基础使用

按我们之前的写法

就是

typescript 复制代码

@Entry
@Component
struct Dom {
  p:Object = {
    name: "小猫猫",
    age: 21,
    gf: {
      name: "小小猫猫",
      age: 18,
    }
  }
  build() {
    Row() {
      Column() {
        // @ts-ignore
        Text(this.p.gf.name)
      }
      .width('100%')
    }
    .height('100%')
  }
}

直接用 Object 一层一层往里套

这个结构其实并不是那么友好而且编辑器没有那么认可需要用 // @ts-ignore标识才能通过语法检查

不过运行到没什么问题

我们可以直接将代码结构改成这样

typescript 复制代码

class Person{
  name: string
  age: number
  gf: Person
  constructor(name: string, age: number,gf?: Person) {
    this.name = name;
    this.age = age;
    this.gf = gf;
  }
}
@Entry
@Component
struct Dom {
  p: Person =new Person(
    '小猫猫',
    21,
    new Person('小小猫猫', 18)
  )
  build() {
    Row() {
      Column() {
        Text(this.p.gf.name)
      }
      .width('100%')
    }
    .height('100%')
  }
}

这是我们声明的对象结构体一个class 类型其中包含3个属性

string字符串类型的 name

number数字类型的 age

gf比较特殊它是 Person类型就是我们声明的这个类的类型的简单说就是 Person的gf可以再套一个Person对象

然后构造函数

然后 constructor 构造函数相当于创建对象时就会触发

然后它接收三个参数分别就是我们的三个属性然后给自己的赋值

然后我们定义一个 Person 类型的属性叫 p

第一个参数 name 赋值为小猫猫

第二个参数 age 赋值为 21

然后第三个参数 gf 类型是 Person 于是我们new一个Person对象

这个我们只给了两个参数 name 小小猫猫 age 18

这也间接告诉大家如果类对象的字段你不想赋值直接不传就好了

运行结果如下