[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
延伸文章資訊
- 1[JS] Getter and Setter 筆記 - pcwu's TIL Notes
[JS] Getter and Setter 筆記. 12 Feb 2017. JavaScript. 在JavaScript 中如果Class 在取屬性值或設定屬性值時，如果有比較複雜的運用時...
- 2Property getters and setters - The Modern JavaScript Tutorial
Getters and setters ... Accessor properties are represented by “getter” and “setter” methods. In ...
- 3JavaScript Getter and Setter (with Examples) - Programiz
JavaScript Getter and Setter ; Data properties; Accessor properties ; get - to define a getter me...
- 4getter - JavaScript - MDN Web Docs
最少要有零個參數（請參見Incompatible ES5 change: literal getter and setter functions must now have exactly ze...
- 57天搞懂JS進階議題(day05)-getter & setter: 屬性描述器
7天搞懂JS進階議題(day05)-getter & setter: 屬性描述器. February 27, 2020. 本系列文章討論JS 物件導向設計相關的特性。 不含CSS，不含HTML！...
