Parent 组件给 Children 组件,传递了 @BuilderParam, 这个自定义构建函数里的 this,指向谁?
有两种情况:
1,如果用 @Builder 装饰的,指向 Children
2,如果用 @LocalBuilder 装饰的,指向 Parent
我们需要详细解释这两种情况,并总结提炼。 背景知识:
- @Builder装饰器:用于定义一个自定义构建函数,可以在组件内定义(局部)或在全局定义(全局构建函数)。
- @BuilderParam属性装饰器:用于子组件中,表示该属性可以接收一个自定义构建函数,由父组件传递。
关键点:在构建函数内部,`this`的指向取决于构建函数的定义位置和传递方式。
情况1:使用全局的@Builder(或者组件外的@Builder)定义构建函数,然后传递给子组件的@BuilderParam。
// 全局构建函数
@Builder function globalBuilderFunction() {
// 这里的this指向谁?
}
@Entry
@Component
struct Parent {
build() {
Column() {
Children({ builderParam: globalBuilderFunction })
}
}
}
@Component
struct Children {
@BuilderParam builderParam: () => void
build() {
this.builderParam()
}
}

在这种情况下,全局构建函数中的`this`在调用时指向子组件(Children)的实例。因为全局构建函数独立于任何组件,当在子组件中被调用时,其执行上下文是子组件。
情况2:使用局部自定义构建函数(在父组件内部使用@Builder定义)传递给子组件的@BuilderParam。
@Entry
@Component
struct Parent {
@Builder localBuilderFunction() {
// 这里的this指向谁?
}
build() {
Column() {
Children({ builderParam: this.localBuilderFunction })
}
}
}
@Component
struct Children {
@BuilderParam builderParam: () => void
build() {
this.builderParam()
}
}

在这种情况下,局部构建函数中的`this`在定义时就已经绑定到父组件(Parent)的实例。因为局部构建函数是作为父组件的一个方法,它内部的`this`指向父组件实例。即使传递给子组件并在子组件中调用,它仍然保持对父组件的引用。
总结: - 全局构建函数(定义在组件外)中的`this`在子组件中调用时,指向子组件实例。 - 局部构建函数(定义在父组件内)中的`this`始终指向父组件实例,无论在哪里调用。 注意:在ArkUI中,组件的`this`指向当前组件的实例,可以访问该组件的状态变量、方法等。
注意:在ArkUI中,组件的`this`指向当前组件的实例,可以访问该组件的状态变量、方法等。
因此,我们可以提炼如下:
1. 全局自定义构建函数(使用@Builder定义在组件外): 当传递给子组件的@BuilderParam并在子组件中调用时,函数体内的`this`指向子组件实例(即Children组件实例)。
2. 局部自定义构建函数(使用@Builder定义在父组件内): 当传递给子组件的@BuilderParam时,函数体内的`this`仍然指向父组件实例(即Parent组件实例),因为该函数是在父组件的上下文中创建的。
暂无评论数据
发布
相关推荐
1361
0
1656
0
鸿蒙小助手
7468
0
云端物理学家
3312
0K老师
大家好我是K老师,这是我的个人介绍:鸿蒙先锋,鸿蒙开发者达人,鸿蒙应用架构师,HDG组织者,可0-1开发纯血鸿蒙应用,可0-1开发前端加鸿蒙混合应用,可0-1开发PC端鸿蒙应用。
帖子
提问
粉丝
[HarmonyOS][K老师]鸿蒙中主线程与子线程通信机制详解,Emitter,Worker,EventHandler和EventRunner。
2026-01-28 11:31:47 发布[HarmonyOS][K老师]鸿蒙大文件上传方案。
2026-01-28 10:30:53 发布