JavaScript中set與get方法用法示例
本文實例分析了JavaScript中set與get方法用法。分享給大家供大家參考,具體如下:
1、get
與set
是方法,因為是方法,所以可以進(jìn)行判斷。
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ù)學(xué)運算用法總結(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ù)的學(xué)習(xí)筆記
- JavaScript函數(shù)的4種調(diào)用方法詳解
- JavaScript構(gòu)造函數(shù)詳解
- 顯示js對象所有屬性和方法的函數(shù)
相關(guān)文章
js中Object.defineProperty()方法的不詳解
這篇文章主要介紹了js中Object.defineProperty()方法的不詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07Rxjs?TakeUntil?操作符內(nèi)容梳理總結(jié)
這篇文章主要介紹了Rxjs?TakeUntil操作符內(nèi)容梳理總結(jié),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-06-06javascript 文字上下間隔滾動的代碼 符合WEB標(biāo)準(zhǔn) 腳本之家修正版
javascript 文字上下間隔滾動的代碼 符合WEB標(biāo)準(zhǔn) 腳本之家修正版,這里提供了兩個版本,第二個在firefox下運行有些問題大家可以修改下,第一個的高度問題,已經(jīng)修正,其實就是簡單的加了css樣式。2009-12-12