主页 / user-4554883

Parzh from Ukraine's questions

Martin Hope
Parzh from Ukraine
Asked: 2025-01-08 03:17:25 +0800 CST
  • 5

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
Martin Hope
Parzh from Ukraine
Asked: 2024-10-19 22:20:54 +0800 CST
  • 6

有时为了简化具有复杂输入的函数签名，我们会定义一个“已知”复杂输入的集合，每个输入都与一个令牌相关联，并允许用户提供令牌。

我的函数适用于元组（这里简化为 3 元素元组），最初它没有任何编译器错误：

const TUPLE_LENGTH = 3

type Tuple = readonly [unknown, unknown, unknown]

function fn(tuple: Tuple): void {
    if (tuple.length !== TUPLE_LENGTH) {
        throw new Error(`Expected ${TUPLE_LENGTH} items, instead got ${tuple.length}`)
    }
}

尝试一下。

…但是在添加“已知”输入后，开始出现编译器错误：

const TUPLE_LENGTH = 3

type Tuple = readonly [unknown, unknown, unknown]

const knownTuples = {
    foo: [1, 2, 3],
    bar: ['a', 'b', 'c'],
    baz: [true, false, null],
} satisfies Readonly<Record<string, Tuple>>

type TupleName = keyof typeof knownTuples

function fn(tuple: Tuple | TupleName): void {
    if (typeof tuple === 'string') {
        tuple = knownTuples[tuple]
    }

    if (tuple.length !== TUPLE_LENGTH) {
        throw new Error(`Expected ${TUPLE_LENGTH} items, instead got ${tuple.length}`)
        //                                                                   ^^^^^^
        // Error: Property 'length' does not exist on type 'never'
    }
}

尝试一下。

由于某种原因，if (tuple.length !== TUPLE_LENGTH)在第一种情况下，它是 ，tuple: Tuple但在第二种情况下，它缩小到tuple: never。这是为什么？

typescript
Martin Hope
Parzh from Ukraine
Asked: 2024-01-18 19:41:55 +0800 CST
  • 7

我有以下逻辑：

interface ResultBase {
    readonly success: boolean
}

type Result<Payload = undefined> = ResultBase & (Payload extends undefined ? {
    readonly payload?: unknown
} : {
    readonly payload: Payload
})

function getResult<Payload = undefined>(payload: Payload): Result<Payload> {
    return {
//  ^^^^^^
        success: true,
        payload,
    }
}

尝试一下。

标记的return语句带有下划线并带有编译器错误：

Type '{ success: true; payload: Payload; }' is not assignable to type 'Result<Payload>'.
  Type '{ success: true; payload: Payload; }' is not assignable to type 'Payload extends undefined ? { readonly payload?: unknown; } : { readonly payload: Payload; }'.

我想知道，为什么错误消息中的条件类型不包含该success属性？不应该包含在吗ResultBase & …？

typescript