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 相关文章推荐
jQuery学习5 jQuery事件模型
Feb 07 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
vue3使用vue-count-to组件的实现
Dec 25 Vue.js
基于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实现微信原生支付(扫码支付)功能
2018/05/30 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
2017/04/13 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
对python周期性定时器的示例详解
2019/02/19 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
容易被忽略的Python内置类型
2020/09/03 Python
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
曼城官方网上商店:Manchester City
2019/09/10 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
生产主管岗位职责
2013/11/10 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
护士节慰问信
2015/02/15 职场文书
幼儿园教师求职信
2015/03/20 职场文书
外出学习心得体会范文
2016/01/18 职场文书
Nginx快速入门教程
2021/03/31 Servers
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL