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 相关文章推荐
javascript 变量作用域 代码分析
Jun 26 Javascript
js 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
详解JSON.stringify()的5个秘密特性
May 26 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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
PHP4与PHP5的时间格式问题
2008/02/17 PHP
生成卡号php代码
2008/04/09 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程
2016/09/30 PHP
鼠标事件延时切换插件
2011/03/12 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
Bootstrap每天必学之折叠(Collapse)插件
2016/04/25 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
BootStrap导航栏问题记录
2017/07/31 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
微信小程序url传参写变量的方法
2018/08/09 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
平面设计岗位职责
2013/12/14 职场文书
生产车间主管岗位职责
2013/12/28 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
导游词开场白
2015/01/31 职场文书
小学感恩节活动总结
2015/03/24 职场文书
2016年春节慰问信息
2015/03/25 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书