JavaScript中set与get方法用法示例


Posted in Javascript onAugust 15, 2018

本文实例分析了JavaScript中set与get方法用法。分享给大家供大家参考,具体如下:

1、getset是方法,因为是方法,所以可以进行判断。

2、get是得到 一般是要返回的   set 是设置 不用返回

3、如果调用对象内部的属性约定的命名方式是_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

浏览器调用结果:

p.age

输出:

18

p.age=23

输出:

23

p.age=200

输出:

Uncaught Error:invalid value

感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun,测试一下运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
改进版通过Json对象实现深复制的方法
Oct 24 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
详解javascript数组去重问题
Nov 06 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
基于JavaScript实现瀑布流布局
Aug 15 #Javascript
解决Layui 表单提交数据为空的问题
Aug 15 #Javascript
jQuery轮播图实例详解
Aug 15 #jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 #Javascript
对layui中表单元素的使用详解
Aug 15 #Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 #jQuery
vue生命周期实例小结
Aug 15 #Javascript
You might like
获取远程文件大小的php函数
2010/01/11 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
2015/08/07 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
python实现微信防撤回神器
2019/04/29 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
django中media媒体路径设置的步骤
2019/11/15 Python
python实现拼接图片
2020/03/23 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
去除python中的字符串空格的简单方法
2020/12/22 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
医学院校毕业生自荐信范文
2014/01/01 职场文书
村容村貌整治方案
2014/05/21 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
工作计划范文之财务管理
2019/08/09 职场文书
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
Python通用验证码识别OCR库ddddocr的安装使用教程
2022/07/07 Python