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 XMLHttpRequest对象全面剖析
Apr 24 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
vue.js从安装到搭建过程详解
Mar 17 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
详解vue axios二次封装
Jul 22 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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中adodbzip类实例
2014/12/08 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
javascript 快速排序函数代码
2012/05/30 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
JavaScript DOM基础
2015/04/13 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
Django在Win7下的安装及创建项目hello word简明教程
2014/07/14 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
详解Django-channels 实现WebSocket实例
2019/08/22 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
Python中如何添加自定义模块
2020/06/09 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
Prototype如何更新局部页面
2013/03/03 面试题
遵纪守法演讲稿
2014/05/23 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers