鸿蒙HarmonyOS开发框架—ArkTS语言（状态管理四）_鸿蒙 arr t[]

最新推荐文章于 2024-05-19 21:37:57 发布

2301_82241698

最新推荐文章于 2024-05-19 21:37:57 发布

阅读量411

点赞数

分类专栏：程序员文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/2301_82241698/article/details/137734646

版权

程序员专栏收录该内容

15 篇文章 0 订阅

订阅专栏

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

htt

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

}
}

@Entry
@Component
struct ViewB {
@State b: ClassB = new ClassB(new ClassA(0));

build() {
Column() {
ViewA({ label: ‘ViewA #1’, a: this.b.a })
ViewA({ label: ‘ViewA #2’, a: this.b.a })

  Button(`ViewB: this.b.a.c+= 1`)
    .onClick(() => {
      this.b.a.c += 1;
    })
  Button(`ViewB: this.b.a = new ClassA(0)`)
    .onClick(() => {
      this.b.a = new ClassA(0);
    })
  Button(`ViewB: this.b = new ClassB(ClassA(0))`)
    .onClick(() => {
      this.b = new ClassB(new ClassA(0));
    })
}

}
}


复制


ViewB中的事件句柄：


* this.b.a = new ClassA(0) 和this.b = new ClassB(new ClassA(0))： 对@State装饰的变量b和其属性的修改。
* this.b.a.c = ... ：该变化属于第二次的变化，@State无法观察到第二层的变化，但是ClassA被@Observed装饰，ClassA的属性c的变化可以被@ObjectLink观察到。


ViewA中的事件句柄：


* this.a.c += 1：对@ObjectLink变量a的修改，将触发Button组件的刷新。@ObjectLink和@Prop不同，@ObjectLink不拷贝来自父组件的数据源，而是在本地构建了指向其数据源的引用。
* @ObjectLink变量是只读的，this.a = new ClassA(...)是不允许的，因为一旦赋值操作发生，指向数据源的引用将被重置，同步将被打断。


###### 对象数组


对象数组是一种常用的数据结构。以下示例展示了数组对象的用法。

@Component
struct ViewA {
// 子组件ViewA的@ObjectLink的类型是ClassA
@ObjectLink a: ClassA;
label: string = ‘ViewA1’;

build() {
Row() {
Button(ViewA [${this.label}] this.a.c = ${this.a.c} +1)
.onClick(() => {
this.a.c += 1;
})
}
}
}

@Entry
@Component
struct ViewB {
// ViewB中有@State装饰的ClassA[]
@State arrA: ClassA[] = [new ClassA(0), new ClassA(0)];

build() {
Column() {
ForEach(this.arrA,
(item) => {
ViewA({ label: #${item.id}, a: item })
},
(item) => item.id.toString()
)
// 使用@State装饰的数组的数组项初始化@ObjectLink，其中数组项是被@Observed装饰的ClassA的实例
ViewA({ label: ViewA this.arrA[first], a: this.arrA[0] })
ViewA({ label: ViewA this.arrA[last], a: this.arrA[this.arrA.length-1] })

  Button(`ViewB: reset array`)
    .onClick(() => {
      this.arrA = [new ClassA(0), new ClassA(0)];
    })
  Button(`ViewB: push`)
    .onClick(() => {
      this.arrA.push(new ClassA(0))
    })
  Button(`ViewB: shift`)
    .onClick(() => {
      this.arrA.shift()
    })
  Button(`ViewB: chg item property in middle`)
    .onClick(() => {
      this.arrA[Math.floor(this.arrA.length / 2)].c = 10;
    })
  Button(`ViewB: chg item property in middle`)
    .onClick(() => {
      this.arrA[Math.floor(this.arrA.length / 2)] = new ClassA(11);
    })
}

}
}


复制


* this.arrA[Math.floor(this.arrA.length/2)] = new ClassA(..) ：该状态变量的改变触发2次更新：
	1. ForEach：数组项的赋值导致ForEach的itemGenerator被修改，因此数组项被识别为有更改，ForEach的item builder将执行，创建新的ViewA组件实例。
	2. ViewA({ label: `ViewA this.arrA[first]`, a: this.arrA[0] })：上述更改改变了数组中第一个元素，所以绑定this.arrA[0]的ViewA将被更新；
* this.arrA.push(new ClassA(0)) ： 将触发2次不同效果的更新：
	1. ForEach：新添加的ClassA对象对于ForEach是未知的itemGenerator，ForEach的item builder将执行，创建新的ViewA组件实例。
	2. ViewA({ label: `ViewA this.arrA[last]`, a: this.arrA[this.arrA.length-1] })：数组的最后一项有更改，因此引起第二个ViewA的实例的更改。对于ViewA({ label: `ViewA this.arrA[first]`, a: this.arrA[0] })，数组的更改并没有触发一个数组项更改的改变，所以第一个ViewA不会刷新。
* this.arrA[Math.floor(this.arrA.length/2)].c：@State无法观察到第二层的变化，但是ClassA被@Observed装饰，ClassA的属性的变化将被@ObjectLink观察到。


###### 二维数组


使用@Observed观察二维数组的变化。可以声明一个被@Observed装饰的继承Array的子类。

@Observed
class StringArray extends Array {
}


复制


使用new StringArray()来构造StringArray的实例，new运算符使得@Observed生效，@Observed观察到StringArray的属性变化。


声明一个从Array扩展的类class StringArray extends Array<String> {}，并创建StringArray的实例。@Observed装饰的类需要使用new运算符来构建class实例。

@Observed
class StringArray extends Array {
}

@Component
struct ItemPage {
@ObjectLink itemArr: StringArray;

build() {
Row() {
Text(‘ItemPage’)
.width(100).height(100)

  ForEach(this.itemArr,
    item => {
      Text(item)
        .width(100).height(100)
    },
    item => item
  )
}

}
}

@Entry
@Component
struct IndexPage {
@State arr: Array = [new StringArray(), new StringArray(), new StringArray()];

build() {
Column() {
ItemPage({ itemArr: this.arr[0] })
ItemPage({ itemArr: this.arr[1] })
ItemPage({ itemArr: this.arr[2] })

  Divider()

  ForEach(this.arr,
    itemArr => {
      ItemPage({ itemArr: itemArr })
    },
    itemArr => itemArr[0]
  )

  Divider()

  Button('update')
    .onClick(() => {
      console.error('Update all items in arr');
      if (this.arr[0][0] !== undefined) {
        // 正常情况下需要有一个真实的ID来与ForEach一起使用，但此处没有
        // 因此需要确保推送的字符串是唯一的。
        this.arr[0].push(`${this.arr[0].slice(-1).pop()}${this.arr[0].slice(-1).pop()}`);
        this.arr[1].push(`${this.arr[1].slice(-1).pop()}${this.arr[1].slice(-1).pop()}`);
        this.arr[2].push(`${this.arr[2].slice(-1).pop()}${this.arr[2].slice(-1).pop()}`);
      } else {
        this.arr[0].push('Hello');
        this.arr[1].push('World');
        this.arr[2].push('!');
      }
    })
}

}
}




---


最后，为了能让大家更好的去学习提升鸿蒙 (Harmony OS) 开发技术，小编连夜整理了一份30个G**纯血版**学习资料（含**视频**、**电子书**、**学习文档**等）以及一份在Github上持续爆火霸榜的《纯血版华为鸿蒙 (Harmony OS)开发手册》（共计890页），希望对大家有所帮助。


## 纯血版鸿蒙 HarmonyOS 4.0 视频学习资料


![](https://img-blog.csdnimg.cn/direct/96278e452e0c4e148a9719152582e3f8.png)


![](https://img-blog.csdnimg.cn/direct/055da709c34041b8b65194f344718ab3.png)


 需要以上视频学习资料小伙伴


请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )




---


## 《纯血版华为鸿蒙 (Harmony OS)开发手册》


这份手册涵盖了当前鸿蒙 (Harmony OS) 开发技术必掌握的核心知识点


#### 纯血版鸿蒙 (Harmony OS)开发手册部分精彩内容


**HarmonyOS 概念：**


* 系统定义
* 技术架构
* 技术特性
* 系统安全


![](https://img-blog.csdnimg.cn/direct/180561508b094d7db5a414156dc9a832.png)



**如何快速入门？**


* 基本概念
* 构建第一个ArkTS应用
* 构建第一个JS应用
* ……


![](https://img-blog.csdnimg.cn/direct/df693f7a4a9a4c439ce1644cb35061e2.png)  
**开发基础知识：** 


* 应用基础知识
* 配置文件
* 应用数据管理
* 应用安全管理
* 应用隐私保护
* 三方应用调用管控机制
* 资源分类与访问
* 学习ArkTS语言
* ……


![](https://img-blog.csdnimg.cn/direct/1af34243370e4c3eab05c1842213bfb9.png)


**基于ArkTS 开发：**


* Ability开发
* UI开发
* 公共事件与通知
* 窗口管理
* 媒体
* 安全
* 网络与链接
* 电话服务
* 数据管理
* 后台任务(Background Task)管理
* 设备管理
* 设备使用信息统计
* DFX
* 国际化开发
* 折叠屏系列
* .……


![](https://img-blog.csdnimg.cn/direct/f2fde36827bc47b1b011ccac843f6118.png)


获取以上文中提到的这份纯血版鸿蒙 (Harmony OS) 开发资料的小伙伴 


请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )




---


### 🚀写在最后


* 如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：
* 点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
* 关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
* 想要获取更多完整鸿蒙最新VIP学习资料，请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )


![](https://img-blog.csdnimg.cn/direct/2083e621c8cd4b84b721561f241b2bef.png)


6118.png)


获取以上文中提到的这份纯血版鸿蒙 (Harmony OS) 开发资料的小伙伴 


请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )




---


### 🚀写在最后


* 如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：
* 点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
* 关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
* 想要获取更多完整鸿蒙最新VIP学习资料，请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )


![](https://img-blog.csdnimg.cn/direct/2083e621c8cd4b84b721561f241b2bef.png)

2301_82241698

关注

0
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
鸿蒙HarmonyOS开发框架—ArkTS语言（状态管理四）_鸿蒙 arr t[]

/ 使用@State装饰的数组的数组项初始化@ObjectLink，其中数组项是被@Observed装饰的ClassA的实例。// 子组件ViewA的@ObjectLink的类型是ClassA。// ViewB中有@State装饰的ClassA[]
复制链接

扫一扫