如何就地声明对象的属性类型，而不需要声明整个对象的类型？

Question

在编写对象时，有没有方法键入对象的属性？与预先定义类型/接口相反。

我唯一能想到的是作为，但这太宽松了。考虑一下：

type Comment = Required<{
    author: string;
    message: string;
}>;

const myComment: Comment = {
    author: 'Steve',
    // Error! :) 'message' is missing
};

const myData = {
    myComment: {
        author: 'Steve',
        // No error. :(
    } as Comment,
};

const myData = {
    myComment: <Comment>{
        author: 'Steve',
        // No error. :(
    },
};

我想要＜code＞myData。myComment＜/code＞抛出相同的错误。

这当然是一个微不足道的例子。但是如果我正在写一个大的复杂的对象，能够动态地声明它的部分类型会很好。

Answer 1

一种选择是使用 IIFE，尽管它很丑陋并且具有（非常）轻微的性能影响：

const myData = {
    myComment: ((): Comment => ({
        author: 'Steve',
        // Error! 'message' is missing
    }))(),
};

Answer 2

注意：Comment是lib.dom.d.ts中的内置类型。如果您将该标识符与om库一起使用，您将收到以下错误：

重复的标识符“注释”。(2300)

您可以使用标识函数来确保输入可分配给参数类型：

TS游乐场

type C = {
  author: string;
  message: string;
};

/** If you use this, you MUST provide the generic type argument to constrian your value */
function id <T>(value: T): T {
  return value;
}

const number1 = id<number>('hello'); /*
                           ^^^^^^^
Argument of type 'string' is not assignable to parameter of type 'number'.(2345)
*/

// Don't forget to supply the generic type argument!
const number2 = id('hello'); // typeof value2 === "hello"

const myData1 = {
  myComment: id<C>({
    author: 'Steve',
    // message: 'Hi',
  }), /*
^^^^^^^^^^^^^^^^^^^^^^^^^
Argument of type '{ author: string; }' is not assignable to parameter of type 'C'.
  Property 'message' is missing in type '{ author: string; }' but required in type 'C'.(2345) */
};

const myData2 = {
  myComment: id<C>({
    author: 'Alex',
    message: 'Hello',
  }), // ok
};

console.log(myData1); // { myComment: { author: 'Steve' } }
console.log(myData2); // { myComment: { author: 'Alex', message: 'Hello' } }

或者，如果您只是想避免键入，您可以在想要包含注释的对象之前定义注释，如下所示:

TS游乐场

type C = {
  author: string;
  message: string;
};

let myComment: C = {
  author: 'Steve',
  message: 'Hi',
};

const myData1 = { myComment };

myComment = {
  author: 'Alex',
  message: 'Hello',
};

const myData2 = { myComment };

console.log(myData1); // { myComment: { author: 'Steve', message: 'Hi' } }
console.log(myData2); // { myComment: { author: 'Alex', message: 'Hello' } }
console.log(myComment); // { author: 'Alex', message: 'Hello' }

Answer 3

匿名/内联接口会起作用吗？你仍然需要它放在对象之前，但它比接口/类型更简洁：

const myData: { myComment: Comment } = {
  myComment: {
    author: 'Steve',
    // error
  },
};