如何实现解构及Obejct.assign？

HarmonyOS

chjie1

2024-05-23 22:35:24

浏览

回答 1

待解决

回答 1

按赞同

按时间

xcbaby

Arkts是静态类型，而解构是依赖于结构兼容性的动态特性并且解构声明中的名称必须和解构对象中的属性名称一致，因此不支持解构。TS到ArkTS的适配规则

不支持解构赋值：ArkTS不支持解构赋值。可使用其他替代方法，例如，使用临时变量。

let data: Number[] = [1, 2, 3, 4];//临时变量 
let head = data[0]; 
let tail: Number[] = []; 
for (let i = 1; i < data.length; ++i) { 
  tail.push(data[i]); 
}

ArkTS不支持解构变量声明：依赖于结构兼容性的动态特性并且解构声明中的名称必须和被解构对象中的属性名称一致。

class Point { 
  x: number = 0.0 
  y: number = 0.0 
} 
  
function returnZeroPoint(): Point { 
  return new Point(); 
} 
  
// 创建一个局部变量来处理每个字段 
let zp = returnZeroPoint(); 
let x = zp.x; 
let y = zp.y;

不支持参数解构的函数声明：ArkTS要求实参必须直接传递给函数，且必须指定到形参。

function drawText(text: String, location: number[], bold: boolean) { 
  let x = location[0]; 
  let y = location[1]; 
  text; 
  x; 
  y; 
  bold; 
} 
  
function main() { 
  drawText('Hello, world!', [100, 50], true); 
}

如何使用Object.assign

1、业务侧在TS文件中封装工具方法

// ts 
export class ObjectUtil { 
  static Assign<T extends {}, U>(target: T, source: U): T & U{ 
    return Object.assign(target, source); 
  } 
} 
  
//ets使用 
const target: Record<string, Object> = { "a": 1, "b": 2, }; 
const source: Record<string, Object> = { "b": 4, "c": 5, } 
const returnedTarget = ObjectUtil.Assign(target, source); 
  
console.log(JSON.stringify(target)) 
// Expected output: Object {"a":1,"b":4,"c":5}

2、业务侧封装实现assign方法

function assign(target: Record<string, Object>, ...source: Object[]): Record<string, Object> { 
  for (let s of source) { 
    for (let k of Object.keys(s)) { 
      target[k] = Reflect.get(s, k) 
    } 
  } 
  return target 
} 
  
class D { 
  b: number 
  c: number 
  
  constructor(v1:number, v2:number) { 
    this.b = v1; 
    this.c = v2; 
  } 
} 
  
const target: Record<string, Object> = { "a": 1, "b": 2, } 
const source: D = new D(4,5) 
const returnedTarget: Record<string, Object> = assign(target, source) 
  
console.log(JSON.stringify(target)) 
// Expected output: Object {"a":1,"b":4,"c":5}

2024-05-24 22:10:38

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

如何实现解构及Obejct.assign？

订阅鸿蒙技术特刊，精选内容抢先看