主页 / coding / 问题 / 79337106
Accepted
Parzh from Ukraine
Asked: 2025-01-08 03:17:25 +0800 CST

有没有办法声明对象属性而不初始化它？

  • 772

AS：JS 中的对象属性顺序是一个非常复杂的主题。就我的目的和意图而言，只有插入顺序才是重要的。

TL;DR：有没有一种方法可以在 JavaScript 中声明对象属性而不赋予其值，以便当稍后设置该属性时，它仍然会按插入顺序较早地出现？

const user = { name: unset, age: 42 }

我有一组异步函数，每个函数都返回与唯一键关联的值。然后并行调用它们来构造一个对象，其中键值对用作条目（属性）。如下所示：

const props = {}
const propsSet = getters.map(async ([key, getValue]) => {
  props[key] = async getValue()
})

await Promise.all(propsSet)

return props

尝试一下。

由于所有这些都是异步的，因此 中的属性顺序props很混乱：我有时会得到{ foo: …, bar: … }，有时得到{ bar: …, foo: … }。我可以通过将每个 getter 与序列号关联来解决这个问题。但更简单的解决方案是尽快启动属性；由于事件循环的工作方式，这基本上可以保证 中的属性的props顺序与 中的相同getters：

const propsSet = getters.map(async ([key, getValue]) => {
    props[key] = null // or any other initialization token
    props[key] = await getValue()
})

在纯 JS 中，这是一件非常正常的事情，但在 TypeScript 中，这通常是一个编译器错误（因为任意的“初始化标记”不能分配给严格类型的属性props）；所以，我不得不让编译器安静下来，而我不喜欢这样做：

values[key] = null! // non-null assertion operator

尝试一下。

我更希望该属性实际上没有在对象中设置，而是为其提供一个“插槽”。我意识到我基本上需要的与单独声明变量和初始化变量非常相似，就像老式的 JS 风格一样：

var value1, value2

value1 = 42
value2 = 17

是否存在任何现有或即将推出的（提案）方法可以在 JavaScript 中声明对象属性而不初始化它们？

请注意，我并不是在问如何对属性进行排序。有很多策略可以做到这一点，包括使用前面提到的序列号（例如数组索引）。

javascript

1 个回答

  1. Best Answer

    有没有办法声明对象属性而不赋予其值？

    否。运行时没有（类型？）声明。您只能通过赋值（在语句中）或初始化（在对象文字中）来创建对象属性。该属性要么存在（值为1），要么根本不存在。否则未设置的变量或属性的默认值将是undefined，没有“未设置”值（或没有值）。

    无论声明的类型如何，惯用的 TS 方法是undefined使用非空断言来初始化属性：

    const propsSet = getters.map(async ([key, getValue]) => {
    props[key] = undefined!;
//                        ^
    props[key] = await getValue();
});

    但这基本上是在撒谎props，对象实际上在异步初始化完成之前不可用，其类型应该反映这一点。因此，与其断言，不如Object.create(null) as Record<GroupName, Group>使用Partial类型，并且仅在所有属性实际初始化后才断言预期的结果类型：

    const groups = Object.create(null) as Partial<Record<GroupName, Group>>;
//                                    ^^^^^^^
await Promise.all(Object.entries(groupGetters).map(async ([groupName, getGroup]) => {
    groups[groupName as GroupName] = undefined; // OK now
    groups[groupName as GroupName] = await getGroup();
}));

return groups as Record<GroupName, Group>;
//            ^^^^^^^^^^^^^^^^^^^^^^^^^^^

    然而，更好的方法是推迟对象创建，直到所有属性值都可用。这样，任何时候都不会存在需要键入的“不完整”对象。对于你的情况，这将是

    return Object.setPrototypeOf(Object.fromEntries(await Promise.all(Object.entries(groupGetters).map(async ([groupName, getGroup]) => 
//                           ^^^^^^^^^^^^^^^^^^
    [groupName, await getGroup()]
))), null) as Record<GroupName, Group>;
//         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    1：假设一个数据属性。可以定义一个没有 getter 的访问器属性，或者一个总是抛出的 getter。您可以这样做，然后将其转换为数据属性，但我不建议这样做。它过于复杂、效率低下，并且也不会真正改善类型。

    • 1

相关问题