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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
ie focus bug 解决方法
Sep 03 Javascript
Mootools 1.2教程 滑动效果(Slide)
Sep 15 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
浅谈vue异步数据影响页面渲染
Oct 29 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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中实现Javascript的escape()函数代码
2010/08/08 PHP
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
PHP针对JSON操作实例分析
2015/01/12 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
2013/09/21 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
python目录操作之python遍历文件夹后将结果存储为xml
2014/01/27 Python
python列表操作使用示例分享
2014/02/21 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Python3.5运算符操作实例详解
2019/04/25 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
python实现手势识别的示例(入门)
2020/04/15 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
浅谈css3中的渐进增强和优雅降级
2017/12/01 HTML / CSS
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
采购部主管岗位职责
2014/01/01 职场文书
2015年端午节活动总结
2015/02/11 职场文书
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript