鸿蒙进阶篇-type、typeof、类

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

各位小伙伴们我们又见面了,我就是鸿蒙开天组,下面让我们进入今天的学习,鸿蒙进阶篇-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) // undefinedfunction func() {
}console.log(typeof func) // functioninterface 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	公共	属性、方法	无限制