javascript 中的getter,setter

最新推荐文章于 2023-11-23 21:44:42 发布
最新推荐文章于 2023-11-23 21:44:42 发布
阅读量338 收藏
点赞数
分类专栏： JavaScript
原文出处： http://www.cnblogs.com/yupeng/p/3480196.html

1.什么是getter，什么是setter？

　　getter 是一种获得属性值的方法，setter是一种设置属性值的方法。

2.怎么定义？

　　有2种办法：

  • 在对象初始化的时候定义  
  • 在对象定义后的时候定义

3.例子：

复制代码 
<!DOCTYPE html>
<html>
<head>
    <title>yupeng's document </title>
    <meta charset="utf-8"/>
</head>
<body>
    <script type="text/javascript">
        //demo1
        var obj = {

            val:100,
            get getval(){
                return this.val;
            },
            set setval(x){
                this.val = x;
            }
        }

        console.log(obj.getval);
        obj.setval = 101;
        console.log(obj.getval);

        //demo2
        
        var obj2 = {

            val:200
        }

        obj2.__defineGetter__('name',function(){return this.val});
        obj2.__defineSetter__('name',function(name){this.val = name;})

        console.log(obj2.name)
        obj2.name = 201;
        console.log(obj2.name);
    </script>
</body>
</html>
复制代码

结果：

100 
101
200 
201

chelen_jak
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中setter和getter方法介绍
10-21
主要介绍了JavaScript中setter和getter方法介绍的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
gettersetter:一个简单的 Javascript gettersetter
06-24
吸气剂 这个 Javascript 库旨在创建一个简单而轻便的 getter/setter。 如何使用它 使用 getter/setter 方法创建对象 // Create an object with getter/setter method var obj = { name : new getterSetter ( 'John' ) } ; // Access the property in read or write mode console . log ( obj . name ( ) ) ; // ==> John obj . name ( 'Jim' ) ; console . log ( obj . name ( ) ) ; // ==> Jim setter 方法可以链接： var obj = { name : new getterSetter ( 'J
staruml-gettersetter:StarUML扩展，用于生成getter和setter
05-17
StarUML扩展，用于生成getter和setter 此扩展允许为选定的属性或选定的类生成获取器和设置器。 安装 打开扩展管理器（工具>扩展管理器），然后选择注册表选项卡，然后在搜索框中输入“ getter”。 您可以找到此扩展名，然后单击“安装”按钮。 用法 要生成获取器和设置器，请首先选择属性或类，然后选择工具>生成获取器和设置器（Ctrl + Alt + G） 。 根据MIT许可获得许可（请参阅LICENSE文件）。
Javascript中的getter和setter初识
10-19
最近在工作中遇到了getter和setter，getter 是一种获得属性值的方法，setter是一种设置属性值的方法。下面这篇文章主要给大家介绍了关于Javascript中getter和setter的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
Javascript面向对象(二)——setter、getter属性
neweastsun的专栏
04-15 2915
setter、getter属性 Javascript对象有两种属性，一种是数据属性，我们经常使用比较熟悉；第二种是访问器属性，本质就是获取和设置值的函数，但从代码上好像是正常属性。 Getters 和 setters访问器属性通过”getter”和”setter”方法表示，在对象中使用get和set文字标识。let obj = { get propName() { // getter
js对象的getter和setter
个人博客
06-04 5314
js对象的getter和setter一、简介1. getter（1）具体定义（2）使用方式2. setter（1）具体定义（2）使用方式二、设置getter和setter1. 初始化时定义2. 通过对象的prototype中的相关方法设置（1）定义getter（2）定义setter3. 通过defineProperty()设置（1）Object.defineProperty()（2）definePropertys()三、小案例 一、简介 学过vue的对getter和setter听起来应该都比较熟悉，因为vu
JavaScript中的Object.assign与Getter,Setters 和 definePropert使用
zhtbs的博客
04-04 713
本文介绍关于JavaScript中操作元素对象的Object.assign与Getter,Setters ，definePropert方法。通过对这些概念的理解，能帮助大家更好的理解在JavaScript中项目开发中我们是如何使用这些概念。这些基础概念也是现代JavaScript开发中必知必会的知识点，掌握它们对提供项目代码质量有很大的帮助。
JavaScript-对象属性的getter和setter
最新发布
__猫玖__的博客
11-23 533
你还可以使用方法显式地定义 getter 和 setter。
javaScript对象的getter,setter
weixin_52140964的博客
10-08 710
javaScript对象的getter,setter
JS中getter和setter的简单理解
gcchgy的博客
06-09 193
访问器属性：不包括数据值，多用于get/set操作，而setter/getter就是js对象访问器属性中的get/set操作。在读取访问器属性时会调用getter函数，在改变访问器属性时会调用setter函数并传入新值。用Object.defineProperty()或者class类和构造器来定义访问器属性。当属性有get/set的特性时，属性就是访问器属性。代表在访问属性和写入属性时，对返回值进行附加的操作。一.JS对象属性：js对象中包含属性和方法，属性分为。getter/setter函数。
详解JavaScript对象中的getter和setter
孙群
03-16 2780
目录getter和setter的作用添加伪属性的方式1. 通过`Object.prototype.__defineGetter__()` 和 `Object.prototype.__defineSetter__()`定义getter和setter2. 在新对象初始化时定义getter和setter3. 通过Object.defineProperty()和Object.definePropertie...
为什么在JavaScript中使用getter和setter是一个坏主意
weixin_33774615的博客
08-01 161
如你所知，getter和setter已经成为了JavaScript的一部分。它们广泛支持所有的主流浏览器，甚至是IE8。 我不认为这个点子通常是错误的，但我认为它不是非常适合JavaScript。可能看起来getter和setter可以简化代码和节省时间，但其实它们会带来隐藏错误，并且这些错误第一眼看并不明显。 getter和setter如何工作? ...
【零基础学JS - 20 】JavaScript中的对象 之 Getter 和 Setter
前端路上有你有我！
06-22 545
JavaScript中，有两种类型的对象属性： 数据属性 访问器属性
JavaScript中的setter和getter方法!!
学无止境
07-21 5448
javascript中的setter、getter是平时接触比较少的方法，其本身也并不是标准方法，只在非ie浏览器里支持（ie内核也许有其他方法可以做到呢？暂时不知其解），但是加以利用可以做许多事情，比如： 1、对数据的访问限制： a.value是对value变量的getter方法调用，如果在getter方法实现中抛出异常，可以阻止对value变量的访问 2、对dom变量进行监听： win
js 定义属性 以及 getter 和 setter
webxiaoma
05-29 6029
今天说一下js 的属性设置，ES5中定义了两种属性，数据属性和访问器属性（getter 和 setter）下面我总结了一些数据属性 和 访问器属性的一些知识点。一、数据属性数据属性有四个描述其行为的特征：
javascript的setter getter方法总结
前端-后端学习之路
09-27 1054
javascript的setter getter方法一共有五种实现方式 - 1.通过对象初始化器定义 - 2.使用 Object.create 方法 - 3.使用 Object.defineProperty 方法 - 4.使用 Object.defineProperties 方法 - 5.使用 Object.prototype.defineGetter 以及 Object.prototyp
JAVA——getter setter
banglun5623的博客
03-05 73
1 package org.hanqi.pn0120; 2 3 public class User { 4 5 private int userid; 6 7 private String username; 8 9 private String password; 10 11 p...
JavaScript中getter/setter的实现
GarfieldEr007的专栏
03-25 895
虽然ES5中为我们提供了Object.defineProperty方法来设置getter与setter，但此原生方法使用起来并不方便，我们何不自己来实现一个类，只要继承该类并遵循一定的规范就可以拥有媲美原生的getter与setter。 现在我们定义以下规范： 取值器跟设值器遵循格式：_xxxGetter/_xxxSetter，xxx代表需要被控制的属性。例如，如果要控制foo
JavaScript 面向对象之Object的getter和setter的使用
我走过最长的路，就是这条爬坑之路！！！
06-01 5272
Object 是什么？ 1. typeof {} // “object” 2. typeof [] // “object” 3. var m = new Map(); typeof m; // “object” 4. var s = new Set(); typeof s; // “object” 5. function fn () {}; var instan...
构造函数和getter/setter方法
03-25
在JavaScript中，如果没有定义构造函数，则会默认使用一个空的构造函数。 getter和setter方法是一种允许对类属性(getter)和类属性的值(setter)进行存储和访问的方法。getter方法用于获取类属性的值，而setter方法...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值