Как динамически назначить свойства объекту в TypeScript?

Question

Если бы я хотел программно присвоить свойство объекту в Javascript, я бы сделал это следующим образом:

var obj = {};
obj.prop = "value";

Но в TypeScript это генерирует ошибку:

Свойство «prop» не существует для значения типа «{}».

Как мне присвоить какое-либо новое свойство объекту в TypeScript?

Answer 1

Можно обозначить obj в виде any, но это поражает всему целую цель использования Tymdercript.Генеракодицетагкод подразумевает генеракодицетагкод - генеракодицетагкод.Маркировка его как генеракодицетагкод не имеет смысла.Для достижения желаемой согласованности интерфейс может быть определен следующим образом.

interface LooseObject {
    [key: string]: any
}

var obj: LooseObject = {};

.

или сделать его компактным:

var obj: {[k: string]: any} = {};

.

obj = {} может принимать поля с любой строкой в качестве ключа и типа obj в качестве значения.

obj.prop = "value";
obj.prop2 = 88;

.

Реальная элегантность этого решения заключается в том, что вы можете включить поля типов в интерфейсе.

interface MyType {
    typesafeProp1?: number,
    requiredProp1: string,
    [key: string]: any
}

var obj: MyType ;
obj = { requiredProp1: "foo"}; // valid
obj = {} // error. 'requiredProp1' is missing
obj.typesafeProp1 = "bar" // error. typesafeProp1 should be a number

obj.prop = "value";
obj.prop2 = 88;

.

Answer 2

или все за один ход:

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

.

Answer 3

Я склонен ставить any с другой стороны, т.е. var foo:IFoo = <any>{}; Итак, что-то вроде этого по-прежнему является типобезопасным:

interface IFoo{
    bar:string;
    baz:string;
    boo:string;     
}

// How I tend to intialize 
var foo:IFoo = <any>{};

foo.bar = "asdf";
foo.baz = "boo";
foo.boo = "boo";

// the following is an error, 
// so you haven't lost type safety
foo.bar = 123; 

Альтернативно вы можете пометить эти свойства как необязательные:

interface IFoo{
    bar?:string;
    baz?:string;
    boo?:string;    
}

// Now your simple initialization works
var foo:IFoo = {};

Попробуйте онлайн

Answer 4

Это решение полезно, когда ваш объект имеет определенный тип.Как при получении объекта к другому источнику.

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

.

Answer 5

Хотя компилятор жалуется, он все еще должен выводить его по мере необходимости.Однако это будет работать.

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

.

Answer 6

Еще один вариант сделать это, чтобы получить доступ к недвижимости в качестве коллекции:

var obj = {};
obj['prop'] = "value";

.