javascript - 使用方法从类变量更新对象
问题描述
我的目标是创建一组设置了默认属性的对象,但在某些情况下,我需要更新一个或多个属性。这是我的带有变量的示例类 - 对象
export class Components{
public static component_1 = {
width: 1,
height: 2,
x: 3,
y:4
}
public static component_2 = {
width: 10,
height: 20,
x: 30,
y:40
}
...
}
我想以例如方式创建我的对象数组
let myArrOfComponents = [Components.component_1, Components.component_2, ...]
问题是在某些情况下,我将不得不更新对象中的一个或多个属性,例如宽度和 x。我想这样做,例如
let myArrOfComponents = [Components.component_1.configure(width = 99, x=88)]
你能帮我怎么做吗?我不确定如何实现'.configure()'我正在尝试解决这个问题,但不知道如何实现它或具有类似行为的东西
解决方案
最简单的选择是使它们成为方法(所谓的“工厂方法”)。
class Components {
static component_1 = (options = null) => ({
width: 1,
height: 2,
x: 3,
y: 4,
...options
})
}
现在,Components.component_1()
将返回一个默认对象,例如Components.component_1({x: 25, width: 100})
一个“已配置”对象。
推荐阅读
- javascript - 在 Vue 的子级和父级中使用相同的组件
- react-native - Appcenter Android Build for React-Native with Unity
- javascript - 使用 API_URL 和私钥导入的 Hardhat 编译错误
- c# - System.Data.SqlClient 包引用不在项目引用之间流动
- testing - 出现测试错误“测试数据包含键‘类别’的字典值”
- amazon-web-services - 使用 Python 中的 Lambda 函数将 csv 文件从 S3 传输到 Kinesis Streams
- java - 更新查询以更新批量记录 mongodb
- python - 在 plotly 上设置视图窗口和轴
- c - 使用堆栈的迷宫中的老鼠
- typescript - 为什么 TypeScript 中没有自动导入/加载类?