- Learn React with TypeScript 3
- Carl Rippon
- 232字
- 2021-06-10 19:16:36
Property setters and getters
Our classes so far have had simple property declarations. However, for more complex scenarios, we can implement a property with a getter and a setter. When implementing getters and setters, generally, you'll need a private property to hold the property value:
- getter is a function with the property name and the get keyword at the beginning and no parameters. Generally, this will return the value of the associated private property.
- setter is a function with the same name with the set keyword at the beginning and a single parameter for the value. This will set the value of the associated private property.
- The private property is commonly named the same as the getter and setter with an underscore in front.
Let's take a look at an example:
- Let's create getters and setters for the unitPrice property in our Product class. The setter ensures the value is not less than 0. The getter ensures null or undefined is never returned:
class Product {
name: string;
private _unitPrice: number;
get unitPrice(): number {
return this._unitPrice || 0;
}
set unitPrice(value: number) {
if (value < 0) {
value = 0;
}
this._unitPrice = value;
}
}
- Let's consume the Product class and try this out:
const table = new Product();
table.name = "Table";
console.log(table.unitPrice);
table.unitPrice = -10;
console.log(table.unitPrice);
If we run this, we should see two 0's in the console.
推薦閱讀
- 計算思維與算法入門
- jQuery Mobile Web Development Essentials(Third Edition)
- Vue.js 2 and Bootstrap 4 Web Development
- Rust編程從入門到實戰
- Getting Started with NativeScript
- ASP.NET程序設計教程
- 好好學Java:從零基礎到項目實戰
- 零基礎學C語言程序設計
- Java 9 Programming By Example
- RESTful Web Clients:基于超媒體的可復用客戶端
- 實戰Python網絡爬蟲
- Visual FoxPro數據庫程序設計
- 三步學Python
- Expert Angular
- The C++ Workshop