JavaScript中set與get方法用法示例
本文實(shí)例分析了JavaScript中set與get方法用法。分享給大家供大家參考,具體如下:
1、get
與set
是方法,因?yàn)槭欠椒?,所以可以進(jìn)行判斷。
2、get
是得到 一般是要返回的 set
是設(shè)置 不用返回
3、如果調(diào)用對(duì)象內(nèi)部的屬性約定的命名方式是_age
然后就是幾個(gè)例子來(lái)簡(jiǎn)單說(shuō)明一下:
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就拋出錯(cuò)誤 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代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun,測(cè)試一下運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS的get和set使用示例
- 探討:JavaScript ECAMScript5 新特性之get/set訪問(wèn)器
- 網(wǎng)絡(luò)之美 JavaScript中Get和Set訪問(wèn)器的實(shí)現(xiàn)代碼
- ES6 javascript中class類(lèi)的get與set用法實(shí)例分析
- js 字符串操作函數(shù)
- 告訴你什么是javascript的回調(diào)函數(shù)
- js中匿名函數(shù)的N種寫(xiě)法
- js中回調(diào)函數(shù)的學(xué)習(xí)筆記
- JavaScript函數(shù)的4種調(diào)用方法詳解
- JavaScript構(gòu)造函數(shù)詳解
- 顯示js對(duì)象所有屬性和方法的函數(shù)
相關(guān)文章
js中Object.defineProperty()方法的不詳解
這篇文章主要介紹了js中Object.defineProperty()方法的不詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07Rxjs?TakeUntil?操作符內(nèi)容梳理總結(jié)
這篇文章主要介紹了Rxjs?TakeUntil操作符內(nèi)容梳理總結(jié),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-06-06javascript中如何處理引號(hào)編碼"
本文為大家介紹下javascript中如何處理引號(hào)編碼,具體如下,感興趣的朋友可以參考下2013-08-08JS時(shí)間戳與日期格式的轉(zhuǎn)換小結(jié)
這篇文章主要介紹了JS時(shí)間戳與日期格式的轉(zhuǎn)換小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01如何在uniapp項(xiàng)目中嵌套H5 頁(yè)面
在UniApp中可以通過(guò)使用 web-view 組件來(lái)嵌入H5頁(yè)面,大概思路是在該頁(yè)面的template部分添加web-view組件,設(shè)置src屬性為所需嵌入的H5頁(yè)面地址,感興趣的朋友跟隨小編一起看看吧2024-02-02Javascript array類(lèi) 數(shù)組操作方法
Javascript array類(lèi)的一些對(duì)象使用方法,方便大家操作數(shù)組2009-08-08javascript 文字上下間隔滾動(dòng)的代碼 符合WEB標(biāo)準(zhǔn) 腳本之家修正版
javascript 文字上下間隔滾動(dòng)的代碼 符合WEB標(biāo)準(zhǔn) 腳本之家修正版,這里提供了兩個(gè)版本,第二個(gè)在firefox下運(yùn)行有些問(wèn)題大家可以修改下,第一個(gè)的高度問(wèn)題,已經(jīng)修正,其實(shí)就是簡(jiǎn)單的加了css樣式。2009-12-12JS獲取本周周一,周末及獲取任意時(shí)間的周一周末功能示例
這篇文章主要介紹了JS獲取本周周一,周末及獲取任意時(shí)間的周一周末功能,結(jié)合實(shí)例形式分析了js通過(guò)擴(kuò)展實(shí)現(xiàn)針對(duì)日期的運(yùn)算相關(guān)技巧,需要的朋友可以參考下2017-02-02