JavaScript中set與get方法用法示例
本文實例分析了JavaScript中set與get方法用法。分享給大家供大家參考,具體如下:
1、get與set是方法,因為是方法,所以可以進行判斷。
2、get是得到 一般是要返回的 set 是設(shè)置 不用返回
3、如果調(diào)用對象內(nèi)部的屬性約定的命名方式是_age
然后就是幾個例子來簡單說明一下:
var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name() {return this._name;}}
console.log(person.name)
輸出:
chen
person.name="lunc";
輸出:
lunc
person.name
輸出
lunc
例子2:
var p = {
name:"chen",
work:function() {
console.log("wording...");
},
_age:18,
get age(){
return this._age;
},
set age(val) {
if (val<0 || val> 100) {//如果年齡大于100就拋出錯誤
throw new Error("invalid value")
}else{
this._age = val;
}
}
};
console.log(p.name);//輸出chen
瀏覽器調(diào)用結(jié)果:
p.age
輸出:
18
p.age=23
輸出:
23
p.age=200
輸出:
Uncaught Error:invalid value
感興趣的朋友還可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun,測試一下運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS的get和set使用示例
- 探討:JavaScript ECAMScript5 新特性之get/set訪問器
- 網(wǎng)絡(luò)之美 JavaScript中Get和Set訪問器的實現(xiàn)代碼
- ES6 javascript中class類的get與set用法實例分析
- js 字符串操作函數(shù)
- 告訴你什么是javascript的回調(diào)函數(shù)
- js中匿名函數(shù)的N種寫法
- js中回調(diào)函數(shù)的學習筆記
- JavaScript函數(shù)的4種調(diào)用方法詳解
- JavaScript構(gòu)造函數(shù)詳解
- 顯示js對象所有屬性和方法的函數(shù)
相關(guān)文章
利用原生js和jQuery實現(xiàn)單選框的勾選和取消操作的方法
下面小編就為大家?guī)硪黄迷鷍s和jQuery實現(xiàn)單選框的勾選和取消操作的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
解決layer.confirm快速點擊會重復觸發(fā)事件的問題
今天小編就為大家分享一篇解決layer.confirm快速點擊會重復觸發(fā)事件的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在JavaScript中對HTML進行反轉(zhuǎn)義詳解
下面小編就為大家?guī)硪黄贘avaScript中對HTML進行反轉(zhuǎn)義詳解。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05

