HarmonyOS鸿蒙Next开发内存泄漏问题随手记

HarmonyOS鸿蒙Next开发内存泄漏问题随手记 一、Swiper组件导致的内存泄漏

在ArkTS中，Swiper组件用于实现图片轮播的功能。如果你发现Swiper在使用自动轮播时存在内存泄露的问题，可能是因为以下几个原因：

1. 循环引用：在自动轮播时，如果每次轮播前没有正确地清除上一轮播的引用，可能会导致内存无法释放。

2. 定时器未正确管理：可能是因为定时器没有被正确地取消或者在组件销毁时没有清理定时器导致的内存泄露。

3. 动画或者过渡效果未正确处理：如果使用了动画或者过渡效果，可能在效果结束后没有正确清理相关资源。

解决方法：

1. 确保轮播时的每个元素在结束时都被正确地清理。

2. 在组件的onDisappear或onDestroy生命周期中，确保取消掉所有的定时器。

或者在Swiper组件onVisibleAreaChange方法中获取当前Swiper组件的显示状态。根据显示状态启动或暂停轮播定时器。

示例代码如下：

@State bannerIsVisible: boolean = true

Swiper(this.swiperController) {
    ForEach(this.pictureList, (item: BannerBean) => {
        Column() {
            ...
        }
    })
}
.width('100%')
.loop(true)
.autoPlay(this.bannerIsVisible)
.onVisibleAreaChange([0.0, 1.0], (isVisible: boolean, currentRatio: number) => {
    this.bannerIsVisible = isVisible
})

如果不处理Swiper的定时器泄露问题就会导致Tabs场景下切换到其他tab页后，折叠屏手机展开态和折叠态切换Swiper组件无法跟着动态刷新而出现UI适配问题。

• 如果使用了动画或过渡效果，确保在动画结束后清理相关资源，并且在组件销毁时取消这些动画。

二、避免循环引用

1. 小心对象之间的相互引用

当两个或多个对象相互引用且没有正确的管理机制时，可能会导致内存泄漏。例如：

class A { 
    b: B; 
    
    constructor() {    
        this.b = new B();    
        this.b.a = this;    
    }   
} 

class B { 
    a: A; 
}

在这个例子中，A 和 B 两个类的实例相互引用，可能会导致内存泄漏。应避免这种不必要的循环引用。

三、合理使用单例模式

确保单例对象的正确释放

如果使用单例模式，要确保在适当的时候可以释放单例对象所占用的资源。例如，可以提供一个方法来清理单例对象的状态。

class Singleton {
    private static instance: Singleton;
    private data: any;

    private constructor() { 
        // 初始化 
    } 

    public static getInstance(): Singleton {
        if (!Singleton.instance) { 
            Singleton.instance = new Singleton(); 
        } 
        return Singleton.instance; 
    } 

    public clearData() { 
        this.data = null; 
    } 
}

四、及时处理不再使用的页面和组件

在页面或组件卸载时清理资源

当一个页面或组件不再使用时，确保在其生命周期方法中清理相关资源。例如：

@Component 
struct MyComponent {
    onDestroy() { 
        // 清理资源，如取消监听器、清除定时器等 
    } 
}