亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在TypeScript中為對象動態分配屬性?

如何在TypeScript中為對象動態分配屬性?

慕無忌1623718 2019-10-05 15:11:57
如果我想以編程方式將屬性分配給Javascript中的對象,則可以這樣做:var obj = {};obj.prop = "value";但是在TypeScript中,這會產生一個錯誤:類型“ {}”的值不存在屬性“ prop”我應該如何在TypeScript中為對象分配任何新屬性?
查看完整描述

3 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

可以將表示obj為any,但這違背了使用打字稿的全部目的。obj = {}暗示obj是一個Object。將其標記為any沒有任何意義。為了實現期望的一致性,可以如下定義接口。


interface LooseObject {

    [key: string]: any

}


var obj: LooseObject = {};

或使其緊湊:


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

LooseObject可以接受帶有任何字符串的字段作為鍵并any輸入類型作為值。


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;


查看完整回答
反對 回復 2019-10-05
?
萬千封印

TA貢獻1891條經驗 獲得超3個贊

當您的對象具有特定類型時,此解決方案很有用。就像在獲取對象到其他來源時一樣。


let user: User = new User();

(user as any).otherProperty = 'hello';

//user did not lose its type here.


查看完整回答
反對 回復 2019-10-05
  • 3 回答
  • 0 關注
  • 6161 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號