如何绕过“Object”上不存在的属性

如果您使用 any 键入而不是 Object ,您可以访问任何属性而不会出现编译错误。

但是,我建议创建一个接口来标记该对象的可能属性:

interface Options {
  selector?: string
  template?: string
}

由于所有字段都使用 ?: 这意味着他们可能在那里,也可能不在那里。所以这是有效的:

function doStuff(o: Options) {
  //...
}

doStuff({}) // empty object
doStuff({ selector: "foo" }) // just one of the possible properties
doStuff({ selector: "foo", template: "bar" }) // all props

如果有些东西来自javascript,你可以这样做:

import isObject from 'lodash/isObject'

const myOptions: Options = isObject(somethingFromJS) // if an object
    ? (somethingFromJS as Options) // cast it
    : {} // else create an empty object

doStuff(myOptions) // this works now

当然,只有当您不确定某个属性(而不是其类型)的存在时,此解决方案才能按预期工作。

如果不想更改类型或创建接口,也可以使用此语法访问未知属性:

selector ():string {
    return this.options["selector"];
}   

template ():string {
    return this.options["template"];
}