[JS] Getter and Setter 筆記 - pcwu's TIL Notes
文章推薦指數： 80 %
[JS] Getter and Setter 筆記. 12 Feb 2017. JavaScript. 在JavaScript 中如果Class 在取屬性值或設定屬性值時，如果有比較複雜的運用時，可以使用 Getter 和 Setter ...
[JS]GetterandSetter筆記
12Feb2017
JavaScript
在JavaScript中如果Class在取屬性值或設定屬性值時，如果有比較複雜的運用時，可以使用Getter和Setter。
例如取不到值時不想回傳undefined，設定值小於零時設成將它以大於零來儲存時：(私有屬性習慣前面以_作為區隔)
classOption{
constructor(key,value,autoLoad=false){
if(typeofkey!='undefined'){
this['_'+key]=value;
}
this.autoLoad=autoLoad;
}
getgrade(){
if(this._grade!==undefined){
returnthis._grade
}else{
return'nogradeprop'
}
}
setgrade(value){
if(value<0){
this._grade=-1*value
}else{
this._grade=value
}
}
}
constop1=newOption('grade',99)
console.log(op1.grade)//99
constop2=newOption('color','red')
console.log(op2.grade)//nogradeprop
op2.grade=-59
console.log(op2.grade)//59
Reference
https://eyesofkids.gitbooks.io/javascript-start-from-es6/content/part3/object.html
延伸文章資訊
- 1JS Getter 與Setter DAY71 - iT 邦幫忙
Setter 與Setter Getter: 取得特定值的方法. Setter: 存值的方法. Getter var wallet = { total: 100, set save(price)...
- 2JavaScript - 屬性描述器(2) - iT 邦幫忙
I Want To Know JS 系列第32 篇 ... Getter. 取值器中，需要回傳一個值來當作取值的結果： ... 大致上來講，我們需要三個東西：. 取值器. getter. 設值器...
- 3Property getters and setters - The Modern JavaScript Tutorial
Getters and setters ... Accessor properties are represented by “getter” and “setter” methods. In ...
- 4属性的getter 和setter - 现代JavaScript 教程
访问器属性由“getter” 和“setter” 方法表示。在对象字面量中，它们用 get 和 set 表示：. let obj = { get propName() { // 当读取obj.
- 5JavaScript Object Accessors - W3Schools
Getters and setters allow you to define Object Accessors (Computed Properties). JavaScript Getter...
