Question

我有办法直接将类型注释应用于对象文字吗？直接我的意思是不必将其分配给注释类型的变量。例如：我知道我可以这样做：

export interface BaseInfo { value: number; }

export interface MyInfo extends BaseInfo { name: string; }

function testA(): BaseInfo = {
   const result: MyInfo = { value: 1, name: 'Hey!' };
   return result;
}

我也可以这样做：

function testB(): BaseInfo = {
   return { value: 1, name: 'Hey!' };
}

但我需要的是：

function testC(): BaseInfo = {
   return { value: 1, name: 'Hey!' }: MyInfo; // <--- doesn't work
}

或者像这样：

function testD(): BaseInfo = {
   return MyInfo: { value: 1, name: 'Hey!' }; // <--- doesn't work
}

Answer 1

对象文字成员的Intellisense由表达式的上下文类型（参见规范的第4.19节）提供。

您可以通过各种方式获取上下文类型。应用上下文类型的一些最常见的地方是：

带有类型注释的变量的初始值设定项
带有返回类型注释的函数或getter中return语句中的表达式
类型断言表达式（<T>expr）

在您的示例中，您可以使用类型断言强制您的对象文字具有上下文类型：

function testB() {
   return <IMyInfo>{ name: 'Hey!' };
}

Answer 2

答案是使用身份功能：

function to<T>(value: T): T { return value; }
const instance = to<MyInfo>({
    value: 1,
    name: 'Hey!',
});

Answer 3

请记住，接口遵循duck typing：如果对象看起来与接口匹配，则它与接口匹配。

所以

function testB(): IBaseInfo = {
   return { name: 'Hey!' };
}

与

完全相同

function testA(): IBaseInfo = {
   var result: IMyInfo = { name: 'Hey!' };
   return result;
}

无论哪种方式，返回的对象看起来像IMyInfo，因此它是一个IMyInfo。函数内部没有任何内容影响它匹配的接口。

但是，在您的示例中，函数的返回值是IBaseInfo，因此编译器和intellisense将假定该对象只是一个IBaseInfo。如果你希望函数的调用者知道返回值是一个IMyInfo，你需要使函数IMyInfo的返回值：

function testB(): IMyInfo = {
   return { name: 'Hey!' };
}

或使用类型推断，只需

function testB() = {
   return { name: 'Hey!' };
}

Answer 4

你的第一个和第二个例子失败了，所以你不能这样做。 :)

非常确定您不必在文字上指定任何类型。只要您的文字满足界面要求，您就会很好。

interface IMyInfo { name: string; }
var asdf = {
   name: "test"
}

var qwer: IMyInfo = asdf;

如果你想要智能感知，你必须做类似的事情：

enter image description here

或许这就是你要找的东西。 Intellisense在这里工作，至少在操场上。

enter image description here

或者也许这个。：）

enter image description here

Answer 5

要真正实现类型安全，可以使用以下方法：

示例界面：

interface IFoo {
  firstName: string;
  lastName: string;
}

指定函数结果类型

function useResultType(): IFoo {
  return {
    firstName: 'mars'
    // compile error, when lastName is missing
    // , lastName: 'xx'
  };
}

返回常量

function resultVariable() {
  const result: IFoo = {
    firstName: 'mars'
    // compile error, when lastName is missing
    // , lastName: 'xx'
  };
  return result;
}

使用通用身份函数（注意：rxjs具有SQL Injection And Parameterized Queries函数）

function ident<T>(value: T): T {
  return value;
}
function identityFunction() {
  return ident<IFoo>({
    firstName: 'mars'
    // compile error, when lastName is missing
    // , lastName: 'xx'
  });
}

仅使用identity时-返回任何其他类型时，编译器将不会显示错误（例如，在示例中，我“忘记了” lastName成员）

function asCast() {
  return {
      firstName: 'mars'
    // NO error
  } as IFoo;
}

function cast() {
  return <IFoo>{
      firstName: 'mars'
    // NO error
  };
}

您可以在type assertions

中查看示例

如何在TypeScript中指定类型化对象文字？

5 个答案: