鸿蒙进阶篇-type、typeof、类

时间：2024-11-09 17:09:01

“在科技的浪潮中，鸿蒙操作系统宛如一颗璀璨的新星，引领着创新的方向。作为鸿蒙开天组，今天我们将一同踏上鸿蒙基础的探索之旅，为您揭开这一神奇系统的神秘面纱。”

各位小伙伴们我们又见面了,我就是鸿蒙开天组,下面让我们进入今天的学习,鸿蒙进阶篇-type、typeof、类

在鸿蒙开发中：

type：在鸿蒙开发中，可能没有特定的直接与 type 关键字相关的独特用法。但一般来说，type 通常用于表示数据类型。

typeof：在一些编程语言中，typeof 操作符用于获取变量或表达式的类型。但鸿蒙开发（如 ArkTS 语言）中可能没有这个特定的操作符。

类（Class）：类是面向对象编程中的重要概念，用于定义具有相同属性和方法的对象的模板。在鸿蒙的 ArkTS 中，可以创建类来封装数据和行为，实现更清晰和可维护的代码结构。

ArkTS-回顾
在继续深入学习ArkTS之前先回顾一下核心的概念
附上官方文档链接https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/introduction-to-arkts-V5
1. ArkTS和 TS 以及 JS 的关系
a.JS: JavaScript，常用于网页开发，页面的效果
b.TS: TypeScript,微软开发的，比 JS 多了类型系统
c.ArkTS: JS、TS能用的，他 基本 都能用，写 UI
d.注意：看文档的时候，可能需要去 JS 的文档，TS 的文档找一部分的内容

2. 声明式 UI 开发范式

容器组件(参数)

{ 子组件.... }

.属性1()

.属性2()

.属性N()

普通组件(参数)

.属性1()

.属性2()

.属性N()

类型别名
类型别名，顾名思义就是给某个类型起别名，之后就可以通过这个别名来使用类型啦。咱们开发中用到的一些内置类型就是通过 type 来定义的哦

type 别名 = 类型 // 后续在使用类型时 直接使用【别名】即可

下面展示一个案例来理解:

// 定义类型别名
type IDType = string | number

// 使用类型别名
function printID(id:IDType ) {
  console.log(id+'')
}

// 调用函数
printID(10)
printID('20')

@Entry
@Component
struct Page01_type {
  @State message: string = 'Type类型别名';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

typeof运算符
可以通过 typeof 运算符来获取类型，他返回的是一个字符串
附上官方文档链接

// 后面跟上需要获取类型的 数据或变量 即可

typeof 表达式

下面展示一个案例来理解:

// 前面 5 个可以正常获取到类型
console.log(typeof 123) // number
console.log(typeof '123') // string
console.log(typeof false) // boolean
console.log(typeof undefined) // undefined

function func() {
}

console.log(typeof func) // function

interface Person{
  name:string
}

// 对象 数组 null 获取到的都是 object
const p: Person = {name:'jack'}
console.log(typeof null) // object
console.log(typeof [1, 2, 3]) // object
console.log(typeof p) // object

@Entry
@Component
struct Page02_typeof {
  @State message: string = 'typeof';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

类
类是用于创建对象的模板。他们用代码封装数据以处理该数据。同时类声明也会引入一个新类型，并定义其字段、方法和构造函数。
附上官方文档链接https://www.typescriptlang.org/docs/handbook/2/classes.html

// 类名 首字母大写（规范） class 类名{ // 字段 // 方法 // 构造函数 } // 使用类 实例化对象 基于类 创建对象 const x:类名 = new 类名()

实例属性
通过实例属性（字段）来保存各种类型的数据
附上官方文档链接https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining

// 类
class 类名{
  // 字段名+类型+初始值
  字段名:类型='xxx'
  // 可选字段可以不设置初始值
  字段名?:类型
}

// 可选字段在使用时需要配合 可选链操作符 避免出错

下面展示一个案例来理解:

class Person {
  name: string = 'jack'
  food?: string
}

const p = new Person()
p.name = 'jack'

console.log(p.name)
console.log('', p.food?.length)

构造函数
上一节的代码实在 实例化 之后，挨个对属性进行赋值，如果自定义了构造函数，可以在构造函数中完成该操作

class 类{
  字段A:类型
  字段B:类型

  constructor(参数...) {
    // 通过 new 实例化的时候 会调用 constructor
    // 通过关键字 this 可以获取到实例对象
  }
}
const 实例 = new 类()

实例方法
类中可以定义 方法，并且在内部编写逻辑.这种方法需要通过实例化的对象调用-称之为实例方法

class 类名{
  方法名(参数...):返回值类型{
    // 逻辑...
    // 可以通过 this 获取实例对象
  }
}

静态属性、方法
类还可以添加静态属性、方法，后续访问需要通过 类 来完成
附上官方文档链接https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from

// 定义
class 类{
  static 字段:类型
  static 方法(){}
}

// 使用
类.字段
类.方法()

继承
类可以通过 继承 快速获取另外一个类的 字段 和 方法。

class 父类 {
  // 字段
  // 方法
  // 构造函数
}

class 子类 extends 父类{
  // 自己的字段（属性）
  // 自己的方法
  // 可以重写父类方法
}

父类：也可以叫做 基类 、超类 等
子类：也可以叫做 派生类、继承类 等

super 关键字
子类通过 super 可以访问父类的实例字段、实例方法和构造函数。可以在适当的时候使用

class 父类 {
  func(){
    
  }
}

class 子类 extends 父类 {

  constructor() {
    super() // 调用父类构造函数
  }
  方法(){
    super.方法() // 调用父类方法
  }
}

instanceof
instanceof 运算符可以用来检测某个对象是否是某个类的实例
附上官方文档链接https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/instanceof

// 返回判断结果 布尔值
实例对象 instanceof Class

修饰符
类的方法和属性可以通过修饰符来 限制访问
附上官方文档链接https://www.typescriptlang.org/docs/handbook/2/classes.html#readonly
附上官方文档链接https://www.typescriptlang.org/docs/handbook/2/classes.html#member-visibility
修饰符包括：readonly、private、protected和public。省略不写默认为 public

readonly（只读）
readonly 的意思是只读，可以用来修饰属性（字段），修饰之后外部只可以取值，无法修改
附上官方文档链接https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/PI

class 类{
  readonly 属性:类型
}

private（私有）
private修饰的成员不能在声明该成员的类之外访问,包括子类

class 类{
  private 属性:类型
  private 方法(){}
}

protected（受保护）
protected修饰符的作用与private修饰符非常相似，不同点是protected修饰的成员允许在派生类(子类)中访问

class 父类{
  protect 属性:类型
  protect 方法(){}
}
class 子类 extends 父类{
  方法(){
    // 可以访问父类 protect 修饰的 属性、方法
  }
}

public（公共）
public修饰的类成员（字段、方法、构造函数）在程序的任何可访问该类的地方都是可见的。

class 类{
  public 属性
  public 方法(){}
}

修饰符名

作用

适用范围

访问限制

readonly

只读

属性

无限制

private

私有

属性、方法

类内部可以访问

protect

保护

属性、方法

类及子类可以访问

public

公共

属性、方法

无限制

以上是关于鸿蒙进阶篇-type、typeof、类综合的一些内容,方便大家学习,至此，关于鸿蒙进阶篇 - type、typeof、类综合的内容就介绍到这里，愿您能学以致用，开发出精彩的鸿蒙应用！

以上内容仅供学习交流，如有违法或者侵权可以联系删除。

相关文章