JavaScript中set與get方法用法示例

更新時(shí)間：2018年08月15日 11:33:44 作者：u013063153

這篇文章主要介紹了JavaScript中set與get方法用法,簡(jiǎn)單描述了set與get方法的功能,并結(jié)合實(shí)例形式分析了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è)例子來簡(jiǎn)單說明一下：

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)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

利用原生js和jQuery實(shí)現(xiàn)單選框的勾選和取消操作的方法
下面小編就為大家?guī)硪黄迷鷍s和jQuery實(shí)現(xiàn)單選框的勾選和取消操作的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
常規(guī)表格多表頭查詢示例
這篇文章主要介紹了常規(guī)表格多表頭查詢,需要的朋友可以參考下
2014-02-02
解決layer.confirm快速點(diǎn)擊會(huì)重復(fù)觸發(fā)事件的問題
今天小編就為大家分享一篇解決layer.confirm快速點(diǎn)擊會(huì)重復(fù)觸發(fā)事件的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
uniapp時(shí)間格式和距離格式的轉(zhuǎn)換
這篇文章主要介紹了uniapp時(shí)間格式和距離格式的轉(zhuǎn)換,第一種是把? YYYY-MM-DD hh:mm:ss 轉(zhuǎn)換成?MM月DD日,第二種是把? hh:mm:ss 轉(zhuǎn)換成?hh:mm,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
詳解JavaScript中的原型和原型鏈
這篇文章主要為大家介紹了JavaScript中的原型和原型鏈，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-11-11
動(dòng)態(tài)讀取JSON解析鍵值對(duì)的方法
這篇文章主要介紹了動(dòng)態(tài)讀取JSON解析鍵值對(duì)的方法,需要的朋友可以參考下
2014-06-06
js實(shí)現(xiàn)不重復(fù)導(dǎo)入的方法
這篇文章主要介紹了js實(shí)現(xiàn)不重復(fù)導(dǎo)入的方法,實(shí)例分析了JavaScript基于文件與字符串判斷操作實(shí)現(xiàn)JS文件不重復(fù)導(dǎo)入的相關(guān)技巧,需要的朋友可以參考下
2016-03-03
在JavaScript中對(duì)HTML進(jìn)行反轉(zhuǎn)義詳解
下面小編就為大家?guī)硪黄贘avaScript中對(duì)HTML進(jìn)行反轉(zhuǎn)義詳解。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
canvas實(shí)現(xiàn)愛心和彩虹雨效果
本文主要介紹了canvas實(shí)現(xiàn)愛心和彩虹雨效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-03-03
web css實(shí)現(xiàn)整站樣式互相切換
css輕松實(shí)現(xiàn)整站樣式互相切換。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-10-10