当前位置: 首页 > news >正文

鸿蒙进阶篇-type、typeof、类

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

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

在鸿蒙开发中:

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

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

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

ArkTS-回顾
在继续深入学习ArkTS之前先回顾一下核心的概念
附上官方文档链接icon-default.png?t=O83Ahttps://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%')}
}


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

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

实例属性
通过实例属性(字段)来保存各种类型的数据
附上官方文档链接icon-default.png?t=O83Ahttps://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 获取实例对象}
}

静态属性、方法
类还可以添加静态属性、方法,后续访问需要通过 类 来完成
附上官方文档链接icon-default.png?t=O83Ahttps://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 运算符可以用来检测某个对象是否是某个类的实例
附上官方文档链接icon-default.png?t=O83Ahttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/instanceof

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

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

readonly(只读)
readonly 的意思是只读,可以用来修饰属性(字段),修饰之后外部只可以取值,无法修改
附上官方文档链接icon-default.png?t=O83Ahttps://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、类综合的内容就介绍到这里,愿您能学以致用,开发出精彩的鸿蒙应用!

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


http://www.mrgr.cn/news/69171.html

相关文章:

  • 网络安全练习之 ctfshow_web
  • 【jvm】一个空Object对象的占多大空间
  • 【3D Slicer】的小白入门使用指南九
  • Python 正则表达式的一些介绍和使用方法说明(数字、字母和数字、电子邮件地址、网址、电话号码(简单)、IPv4 )
  • kafka消费数据太慢了,给优化下
  • 038 进程线程
  • Java基于小程序公考学习平台的设计与实现(附源码,文档)
  • 配置拦截器时Bean注入失败的解决方案
  • 课程讲解--深入探究二分算法
  • springboot给不同用户动态定制请求结果思路
  • 敏感词过滤方案
  • vite构建的react程序放置图片
  • 【2】GD32H7xx 串口Idle + DMA接收不定长数据
  • 【EFK】Linux集群部署Elasticsearch最新版本8.x
  • 2024 年 Java 面试正确姿势(1000+ 面试题附答案解析)
  • 操作系统学习笔记-5.2设备独立性软件
  • 简记Vue3(四)—— 路由
  • SCAU 高级程序设计语言(C语言) 教材习题
  • 算法
  • 栈(Stack)和队列(Deque、Queue)
  • OSPF总结
  • 一键分发平台哪个方式最好?老板一人轻松运营500名员工的实战经验分享!(从零开始,不走弯路!)
  • Linux下通过sqlplus连Oracle提示字符是乱码▒▒▒[
  • 从《梅艳芳》到《焚城》,王丹妮实力诠释剧抛脸
  • leetcode 832.翻转图像
  • [CKS] kube-batch修复不安全项