iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
自我挑戰組

從新手開始TypeScript系列 第 13

Day13-TypeScript(TS)修改成員

  • 分享至 

  • xImage
  •  

今天要來講解如何在 TypeScript (TS) 修改成員,
以我們之前的類別為例,

let employee = {
    empId : 1 ,
    empName : "Mary"
}

首先建立一個物件(employee)
若是使用JS需要新增成員到這物件時,
在物件後加上 .
接著補上要新增的成員即可,
如下,
(這是JS的情況才能用喔!)

employee.showInfo = (){
   return this.empId + "-" + this.empName ;
}

如此一來在JS就可以在物件中增加新成員了,
特別需要注意的是,
若是撰寫TS是不能只用此方法增加新成員的喔!

那麼需要在TS新增新成員要怎麼做呢?
必須要先在物件定義Type Template後,
才能將值之後再帶入即可,
看看下面的範例吧,

//宣告物件
let employee = {
    empId : 1 ,
    empName : "Mary" ,
    showInfo : function(){} //Type Template
}

//修改成員
employee.showInfo = (){
   return this.empId + "-" + this.empName ;

TS在這也較JS來得嚴謹,
需要先在物件定義Type Template後,
才能修改成員喔。

今日結語

今天講的在TS修改成員希望大家都能學以致用,
寫程式時難免會遇到需要修改物件成員的情況,
大家要了解喔~加油。


上一篇
Day12-TypeScript(TS)的選擇性屬性(Optional Properties)
下一篇
Day14-TypeScript(TS)使用成員存取修飾詞(Access Modifier)
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言