如何忽略 TypeScript 中的“缺少以下属性”错误?

Nur*_*Nur 2 typescript

我创建了一个这样的 Obj。

interface obj {
  x: number;
  y: number;
  deep?: {
    z: number;
  };
}

let obj: obj = {}; // Type '{}' is missing the following properties from type 'obj': x, y 
    ^^^
Run Code Online (Sandbox Code Playgroud)

我可以使用可选字段。但是当我想访问可选字段时,我必须使用空运算符。

// But I don't want to use nullish operator
obj.deep?.z; 

// without nullish operator.
obj.deep.z;  // Object is possibly 'undefined'.
^^^^^^^^
// this is valid unless some condition (like is async function where its not "undefined" anymore);
Run Code Online (Sandbox Code Playgroud)

因为可选字段需要空运算符。我需要某种方法来忽略“必需属性”类型错误。

jca*_*alz 6

您可以使用类型断言告诉编译器您的值{}是一个obj

let obj = {} as obj;
Run Code Online (Sandbox Code Playgroud)

在您对值的类型了解得比编译器可以验证的更多的情况下,类型断言很有用。您只需告诉它您对值的了解,编译器就会相信您(有时这需要额外的断言,例如as unknown as obj,但您最终可以让编译器相信您)。这将维护类型安全的负担从编译器转移到您身上。由于编译器只是相信你,它不会捕捉到你对它撒谎的情况。该值{}不是有效的obj,所以是用一种说法说,这是,你是在告诉编译器一个谎言。

这并不像我说的那么糟糕。如果您打算立即初始化,obj以便在其他人与之交互时,它将是 的正确实例obj,那么它就是一个善意的谎言。您只希望编译器在初始化变量时“另眼相看”:

let obj = {} as obj; // this is a lie
// DANGER ZONE
obj.x = 1;
obj.y = 2;
obj.deep = {} as { z: number };
obj.deep.z = 123;
// END DANGER ZONE
// obj is no longer a lie
obj.deep.z.toFixed(); // no error
Run Code Online (Sandbox Code Playgroud)

但是你应该小心这种方法。如果您未能正确初始化变量,那么它将在运行时出现问题。出于这个原因,我通常会尝试重构我的代码,以便没有一段时间只进行部分配置:

let badObj = { x: 1, y: 2 }
let deep = { z: 3 }; // get this from somewhere else, awaited or whatever
let goodObj: obj = Object.assign(badObj, { deep }); // okay
Run Code Online (Sandbox Code Playgroud)

好的,希望有帮助;祝你好运!

游乐场链接