TypeScript 介面 只讀屬性
如果屬性只能在其建立的時候修改值,那麼可以將其設定為只讀。
程式碼例項如下:
[typescript] 純文字檢視 複製程式碼interface Itest { readonly webName: string; readonly age:number; }
在前面新增readonly即可將對應的屬性設定為只讀。
[typescript] 純文字檢視 複製程式碼interface Itest { readonly webName: string; readonly age:number; } let ant:Itest={ webName:"螞蟻部落", age:5 } ant.age=4;
上面程式碼會報錯,因為age是隻讀的。
TypeScript可以通過ReadonlyArray<T>設定陣列為只讀,那麼它的所有寫方法都會失效。
[typescript] 純文字檢視 複製程式碼let ro: ReadonlyArray<number>=[1,2,3,5]; ro[1]=5;
上面的程式碼會報錯,因為陣列是隻讀的。
[typescript] 純文字檢視 複製程式碼let ro: ReadonlyArray<number>=[1,2,3,5]; let arr:number[]=[]; arr=ro;
對只讀陣列賦值一個普通陣列也是錯誤的,不過可以對其重新型別斷言:
[typescript] 純文字檢視 複製程式碼let ro: ReadonlyArray<number>=[1,2,3,5]; (<number[]>ro)[1]=5;
上述程式碼不會報錯,因為重新進行了型別斷言。
相關文章
- TypeScript 介面 可選屬性TypeScript
- [非專業翻譯] Mapster - 對映只讀屬性
- TypeScript 類靜態屬性TypeScript
- Mysql的read_only 只讀屬性說明 (運維筆記)MySql運維筆記
- 對Mysql中的read_only 只讀屬性做簡要說明MySql
- 針對限定作者、書名均為只讀屬性的程式碼及其疑問
- [JAVA] 只知物件屬性,不知類屬性?就算類答應,static都不答應Java物件
- 讀懂屬性描述符
- TypeScript 介面TypeScript
- java 只列印實體類裡的 非 null 屬性JavaNull
- 43. 連續空間的只讀性
- 物件屬性讀取(核心原始碼)物件原始碼
- TypeScript--介面TypeScript
- TypeScript(4)介面TypeScript
- 精讀《使用 CSS 屬性選擇器》CSS
- Spring Boot讀取自定義外部屬性Spring Boot
- 如何在TypeScript程式碼裡獲得HTML元素的css屬性TypeScriptHTMLCSS
- 014、Vue3+TypeScript基礎,computed計算屬性中使用get和set方法來讀取和修改VueTypeScript
- TypeScript 函式介面TypeScript函式
- TypeScript中的介面TypeScript
- TypeScript 介面繼承TypeScript繼承
- 1688商品詳情資料介面、商品列表介面,商品屬性介面、商品優惠券介面
- CMake 屬性之全域性屬性
- SAP UI5 Simple Form 屬性 columnsL,columnsM,columnsXL 的屬性深入剖析試讀版UIORM
- defer 屬性和 async 屬性
- [譯]Typescript : 類 vs 介面TypeScript
- TypeScript 類實現介面TypeScript
- TypeScript 介面繼承類TypeScript繼承
- 精讀《Typescript 4》TypeScript
- CSS 屬性篇(七):Display屬性CSS
- CMake 屬性之目錄屬性
- CMake 屬性之目標屬性
- java lambda list集合中物件某屬性重複,只取第一個物件Java物件
- 遊戲只屬於男生?質疑性別刻板印象並非小題大做遊戲
- 使用 TypeScript 自定義裝飾器給類的屬性增添監聽器 ListenerTypeScript
- 只讀表空間
- Duilib的使用(優化MFC介面)之 配置專案屬性UI優化
- typescript探索(二)- 介面與類TypeScript