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

HarmonyOS开发，深拷贝、浅拷贝的封装和调用

news 来源：原创 2025/5/17 22:17:40

在 HarmonyOS 开发中，实现深拷贝和浅拷贝可以通过封装工具类来完成。下面分别介绍浅拷贝和深拷贝的实现方式，并将它们封装成一个工具类。

浅拷贝和深拷贝的区别

浅拷贝：创建一个新对象，新对象的属性引用原始对象的属性。也就是说，新对象和原始对象共享部分数据，修改其中一个对象的引用类型属性会影响到另一个对象。
深拷贝：创建一个新对象，并且递归地复制原始对象的所有属性，包括嵌套的对象。新对象和原始对象完全独立，修改其中一个对象不会影响到另一个对象。

浅拷贝实现方法：

通过ts封装Object.assign()或者使用三方库lodash的_.clone方法。封装Object.assign()示例如下：

ts封装Object.assign()：

export class ObjectUtil {
  static Assign<T extends {}, U>(target: T, source: U): T & U {
    return Object.assign(target, source);
  }
}

ets文件中使用封装的ObjectUtil：

import { ObjectUtil } from './utils';

interface InnerStudent {
  age: number,
  score: number
}

interface Student {
  name: string,
  data: InnerStudent
}

let obj1: Student = { name: 'obj1', data: { age: 24, score: 100 } };
let obj2 = ObjectUtil.Assign({}, obj1);
obj2.name = 'obj2';
obj2.data.age = 12;
obj2.data.score = 50;

@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        Button('get obj')
          .onClick(() => {
            console.log('obj1:', JSON.stringify(obj1)); // obj1: {"name":"obj1","data":{"age":12,"score":50}}
            console.log('obj2:', JSON.stringify(obj2)); // obj2: {"name":"obj2","data":{"age":12,"score":50}}
          })
      }
      .width('100%')
    }.height('100%')
  }
}

深拷贝实现方法：

JSON.parse(JSON.stringify())，对于undefined等无法序列化的数据会丢失。
三方库lodash的_.cloneDeep方法。

手写递归方法

// ts中封装工具函数
export function deepCopy(obj: ESObject): ESObject {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  let copy: ESObject;
  if (Array.isArray(obj)) {
    copy = [];
    for (let i = 0; i < obj.length; i++) {
      copy[i] = deepCopy(obj[i]);
    }
  } else {
    copy = {};
    for (let i = 0; i < obj.length(); i++) {
      let key: ESObject = obj[i];
      if (obj.hasOwnProperty(key)) {
        copy[key] = deepCopy(obj[key]);
      }
    }
  }
  return copy;
}

// 使用封装的工具函数
import { deepCopy } from ‘./utils’;

let arr1:Array = new Array(1, 2, 3);
let arr2:Array = deepCopy(arr1);
arr2[0] = 4;
arr2[1] = 5;
arr2[2] = 6;

@Entry
@Component
struct Index {
build() {
Row() {
Column() {
Button(‘deep copy’)
.onClick(() => {
console.log(‘arr1:’, JSON.stringify(arr1)); // arr1: [1,2,3]
console.log(‘arr2:’, JSON.stringify(arr2)); // arr2: [4,5,6]
})
}
.width(‘100%’)
}.height(‘100%’)
}
}