手把手教你华为鸿蒙开发之第十一节原创

The旺

发布于 2024-12-10 20:59

2867浏览

0收藏

华为鸿蒙开发：深入理解类与对象

引言

在面向对象编程中，类（Class）是创建对象的蓝图，而对象（Object）是类的实例。华为鸿蒙操作系统的开发环境 DevEco Studio 支持 TypeScript，这意味着开发者可以利用 TypeScript 的类和对象特性来构建应用程序。本文将详细介绍类的基本结构、构造函数、方法、静态属性和方法、继承、实例化以及修饰符等概念，并通过示例代码展示如何在鸿蒙应用中使用这些特性。

类的基本结构

示例1：定义和实例化类

class Animal {
  name: string = 'DefaultName';
  sound?: string;

  constructor(name: string, sound?: string) {
    this.name = name;
    this.sound = sound;
  }
}

let myAnimal: Animal = new Animal('Kitty', 'Meow');
console.log('姓名:', myAnimal.name.length);
console.log('声音:', myAnimal.sound?.length);

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

在这个示例中，我们定义了一个Animal类，它有两个属性：name和sound。name属性在构造函数中被初始化，而sound属性是可选的。

构造函数

示例2：使用构造函数初始化对象

interface IFood {
  name: string;
  price: number;
  desc: string;
}

class Dish {
  name: string;
  price: number;
  desc: string;

  constructor(paramsObj: IFood) {
    this.name = paramsObj.name;
    this.price = paramsObj.price;
    this.desc = paramsObj.desc;
  }
}

let dish1: Dish = new Dish({
  name: '红烧肉',
  desc: '美味',
  price: 25
});
console.log('名称:', dish1.name);

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

在这个示例中，我们使用了一个接口IFood来定义Dish类构造函数的参数结构，这样可以确保创建的每个Dish实例都有name、price和desc属性。

类的方法

示例3：在类中定义方法

class User {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  sayHi(yourName: string) {
    console.log(`Hello, ${yourName}, I am ${this.name}.`);
  }

  sing() {
    return 'Happy Birthday';
  }
}

let user1: User = new User('Alice', 30);
user1.sayHi('Bob');

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

在这个示例中，User类有两个方法：sayHi和sing。sayHi方法用于打招呼，而sing方法返回一首生日歌。

静态属性和方法

示例4：使用静态属性和方法

class Device {
  static version: string = '1.0';
  static getRandom(): number {
    return Math.random();
  }
}

console.log('Device version:', Device.version);
console.log('Random number:', Device.getRandom());

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

在这个示例中，Device类有一个静态属性version和一个静态方法getRandom。静态成员属于类本身，而不是类的任何特定实例。

继承

示例5：类的继承

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  sayHi() {
    console.log(`Hi, I am ${this.name} and I am ${this.age} years old.`);
  }
}

class Student extends Person {
  grade: string;

  constructor(name: string, age: number, grade: string) {
    super(name, age);
    this.grade = grade;
  }

  study() {
    console.log('I am a student and I love studying.');
  }

  sayHi() {
    super.sayHi();
    console.log(`I am in ${this.grade} grade.`);
  }
}

let student1: Student = new Student('John', 20, '10th');
student1.sayHi();
student1.study();

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

在这个示例中，Student类继承自Person类，并添加了grade属性和study方法。sayHi方法被重写以包含学生的特定信息。

实例化和类型检查

示例6：实例化和类型检查

class Person {}
class Student extends Person {}

let student: Student = new Student();
console.log('Is student an instance of Student:', student instanceof Student);
console.log('Is student an instance of Person:', student instanceof Person);

1.
2.
3.
4.
5.
6.
7.

在这个示例中，我们使用instanceof操作符来检查student对象是否是Student类或Person类的实例。

修饰符

示例7：使用修饰符

class Pet {
  name: string;
  readonly legs: number = 4;
  constructor(name: string) {
    this.name = name;
  }
}

let pet1 = new Pet('Buddy');
pet1.name = 'Max'; // OK
// pet1.legs = 6; // Error: Cannot assign to 'legs' because it is a read-only property.
console.log('Pet name:', pet1.name);

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.