既然你不能这样做:

obj.prop = 'value';

如果你的TS编译器和linter没有严格要求你，你可以这样写:

obj['prop'] = 'value';

如果你的TS编译器或linter是严格的，另一个答案将是类型转换:

var obj = {};
obj = obj as unknown as { prop: string };
obj.prop = "value";

我在尝试对作为状态存储的对象进行部分更新时遇到了这个问题。

type State = {
  foo: string;
  bar: string;
  baz: string;
};

const newState = { foo: 'abc' };

if (someCondition) {
  newState.bar = 'xyz'
}

setState(newState);

在这种情况下，最好的解决方案是使用Partial<T>。方法使所提供类型上的所有属性都是可选的。令牌。在更具体的SO主题中阅读更多关于使类型上的所有属性都是可选的。

以下是我如何用Partial<T>解决它:

type State = {
  foo: string;
  bar: string;
  baz: string;
};

const newState: Partial<State> = { foo: 'abc' };

if (someCondition) {
  newState.bar = 'xyz';
}

setState(newState);

这与fregante在他们的回答中描述的类似，但我想为这个特定的用例描绘一个更清晰的画面(这在前端应用程序中很常见)。

或者一气呵成:

  var obj:any = {}
  obj.prop = 5;

当一个Map可以接受固定类型的任意值时，使用ES6 Map，否则使用可选属性

我想这就是我的指导方针。ES6映射可以在typescript中完成，如在typescript中提到的:ES6映射

可选属性的主要用例是函数的“选项”参数:使用命名参数JavaScript(基于typescript)在这种情况下，我们确实提前知道允许的属性的确切列表，所以最明智的事情是只定义一个显式接口，只是使任何可选的可选与?正如在https://stackoverflow.com/a/18444150/895245上提到的，尽可能多地进行类型检查:

const assert = require('assert')

interface myfuncOpts {
  myInt: number,
  myString?: string,
}

function myfunc({
  myInt,
  myString,
}: myfuncOpts) {
  return `${myInt} ${myString}`
}

const opts: myfuncOpts = { myInt: 1 }
if (process.argv.length > 2) {
  opts.myString = 'abc'
}

assert.strictEqual(
  myfunc(opts),
  '1 abc'
)

然后，当它是真正任意的(无限多个可能的键)并且具有固定类型时，我将使用Map，例如:

const assert = require('assert')
const integerNames = new Map<number, string>([[1, 'one']])
integerNames.set(2, 'two')
assert.strictEqual(integerNames.get(1), 'one')
assert.strictEqual(integerNames.get(2), 'two')

测试:

  "dependencies": {
    "@types/node": "^16.11.13",
    "typescript": "^4.5.4"
  }

既然你不能这样做:

obj.prop = 'value';

如果你的TS编译器和linter没有严格要求你，你可以这样写:

obj['prop'] = 'value';

如果你的TS编译器或linter是严格的，另一个答案将是类型转换:

var obj = {};
obj = obj as unknown as { prop: string };
obj.prop = "value";

为了保证类型是Object(即键值对)，使用:

const obj: {[x: string]: any} = {}
obj.prop = 'cool beans'