当一个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"
  }

当一个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"
  }

为Angular扩展@jmvtrinidad解决方案，

当使用已经存在的类型化对象时，这是添加新属性的方法。

let user: User = new User();
(user as any).otherProperty = 'hello';
//user did not lose its type here.

现在如果你想在html端使用otherProperty，这是你需要的:

<div *ngIf="$any(user).otherProperty">
   ...
   ...
</div>

Angular编译器将$any()视为转换为any类型，就像TypeScript中使用a <any>或任意类型转换一样。

最好的做法是使用安全输入，我建议你:

interface customObject extends MyObject {
   newProp: string;
   newProp2: number;
}

尽管编译器抱怨它仍然应该按照你的要求输出它。然而，这是可行的。

const s = {};
s['prop'] = true;

可以通过将成员添加到现有对象

扩大类型(读取:扩展/专门化接口) 将原始对象转换为扩展类型 将成员添加到对象中

interface IEnhancedPromise<T> extends Promise<T> {
    sayHello(): void;
}

const p = Promise.resolve("Peter");

const enhancedPromise = p as IEnhancedPromise<string>;

enhancedPromise.sayHello = () => enhancedPromise.then(value => console.info("Hello " + value));

// eventually prints "Hello Peter"
enhancedPromise.sayHello();