es6 中 setter/getter 访问器属性

最新推荐文章于 2023-08-28 16:08:05 发布
最新推荐文章于 2023-08-28 16:08:05 发布
阅读量373 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44917015/article/details/118926308
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 对象中 属性 方法 又是属性又是方法 */
        let obj = {
            _a:1,
            /* get 属性名（）{ return } 没有参数 必须使用return返回对应的值*/
            get a(){
                return this._a
            },
            /* set 属性名（参数）{} 注意：这个参数有且仅有一个 */
            set a(val){
                this._a += val;
                this.b += val;
                this.d += val;
            },
            b:100,
            d:100,
            c(val){
                this.b+=val;
                this.d+=val;
            }
        }
        /* 
        属性可以设置 也可以获取 就是用来存储的变量 不能执行多条语句
        方法不能存储值 也不能获取值 可以执行后返回值 可以执行多条语句
        希望在设置值时 执行多条语句
        */
        // console.log(obj)
        // obj.c(100)
        // console.log(obj.b,obj.d);

        obj.a = 100;//这样在设置a的值的时候 就会执行set方法并将100作为参数 set a(100) 的方法
        // console.log(obj.b,obj.d);
        // console.log(obj.a)//obj.a没有写赋值  获取a的值 会执行get方法  执行get a(){}

        /* 
        如果一个属性 只有set 无get =》 只能设置不能获取
                    只有get 无set =》 只能获取不能设置 只读
        */
       let obj1 = {
           _a:10,
           get a(){
               return 1000
           }
       }
       obj1.a = 199//无法设置 只读属性
    //    console.log(obj1.a);

    /* ---------------在已有的对象中添加set和get----------------- 
    invoke property getter 
    调用属性getter*/
    Object.defineProperty(obj1,'b',{
        /* 在使用set/get时，不能使用writable,value */
        get(){
            return this._a;
        },
        set(val){
            this._a = val;
        }
    })
    obj1.b = 199;
    console.log(obj1);
    </script>
</body>
</html>
SpringYoungYu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
getterandsetter
03-29
除了在对象或类中直接定义 `getter` 和 `setter`，还可以使用 `Object.defineProperty()` 方法动态地为对象添加属性并指定其 `getter` 和 `setter`： ```javascript let user = {}; Object.defineProperty(user, ...
js代码-访问器属性
07-16
访问器属性不直接存储值，而是通过getter和setter函数来获取（get）或设置（set）该属性的值。这种机制使得我们可以自定义属性的读取和写入行为，从而实现更复杂的逻辑。 ### 访问器属性的构成 访问器属性由以下四...
object的defineProperty方法简介
VegetableKCCCC的博客
08-05 112
defineProperty方法的初始写法： 注意这个enumerable是枚举的意思，也就是我们说的遍历 defineProperty方法的第二种写法： 什么时候执行getter？ 可以看出，打印了一个空的对象，但是点开有下面的方法和属性，当点击这三个点的时候，即invoke property getter调用原型getter方法，也是去访问这个值，同obj.name ...
学习es6 setter/getter研究
yyc_two的博客
06-11 439
1.背景 　　　在ES6中，我们对类的定义如下 1 class Person { 2 // 构造函数 3 constructor (name) { 4 // 属性初始化 5 this.name = name; 6 } 7 8 // 成员方法 9 sayName () { 10 console.log(this.name); 11 } 12 13 // 静态方法 14
setter和getter访问器属性
我是小奶音啊的博客
02-19 661
前言 刚开始学习对象时，对象有2个部分，第一个是属性，第二个是方法 属性对应的是一个值，方法对应的是一个函数，也就是一个执行步骤 set和get能够实现对象的属性特种和对象的方法特征，可以存储值，也可以执行多条语句 set get 访问器属性,也叫setter/getter 如果只写set方法，不写get方法，这个属性是一个只写属性，不可读 如果只写get方法，不写set方...
【ES6】Getter和Setter
qq_22744093的博客
08-28 566
在上面的示例中，我们使用对象字面量定义了一个名为obj的对象，该对象具有一个名为_value的私有属性。我们还定义了一个名为value的getter和setter方法，该方法允许我们获取和设置_value属性的值。在这个示例中，我们使用Object.defineProperty()方法定义了一个名为value的属性，并为其提供了getter和setter方法。除了使用对象字面量，我们还可以使用Object.defineProperty()方法来定义getter和setter方法。
JavaScript 对象object中set(setter)和get(getter)使用,分析以及setter/getter拷贝
词不达意难知的博客
10-11 1204
JavaScript 对象object中set(setter)和get(getter)使用,分析以及setter/getter拷贝
ES6函数(getter，setter)
hsany330的专栏
08-07 2190
getter get 语法将一个对象属性绑定到查询该属性时将被调用的一个函数上。 语法 {get prop() { ... } } // prop:要绑定到给定函数的属性名 {get [expression]() { ... } } // expression:从ECMAScript 2015 (ES6)开始，还可以使用一个计算的属性名的表达式绑定到给定的函数。 有时候希望访问属性时能...
ES6中class的getter和setter在继承中踩坑
开心大表哥
09-19 6519
在 Class 内部可以使用get和set关键字， 对某个属性设置存值函数和取值函数， 拦截该属性的存取行为。 在 Class 内部的get、set用法，看起来比较舒服，而且可以写同名函数了。 class MyClass { constructor() {} get prop() { return 'getter'; } set prop(value) { console.log(...
ES6 | setter & getter in Class
liuj4 | 自娱自乐
08-02 149
ES6中的类可以给某个变量设置set和get拦截器，拦截赋值和取值操作，具体如下： 语法：get/set 变量名(){} let exam = new Example(1,2)时，this.a = a被set a()拦截 ( b的拦截没有设置)，但是注意在set中，如果写成this.a = a, 就又会触发set，造成死循环 因此这里新增一个变量_a作为a的副本, set和get拦截器中对a...
es6 getter setter
weixin_34239169的博客
05-18 195
https://stackoverflow.com/questions/34517538/setting-an-es6-class-getter-to-enumerable 1.我要 getter 没有要暴露 class A { get age() { return 11; } } console.log(Object.keys(n...
javascript 动态生成私有变量访问器
10-29
- **访问器**：访问器通常包括 getter 和 setter 方法。getter 用于获取私有变量的值，而 setter 用于设置私有变量的值。 #### 示例分析 以下是对题目中给出的示例进行详细解释： ```javascript function User...
js代码-this的指向（模拟6）：访问器（getter、setter）的形式
07-15
综上所述，`this`在访问器（getter、setter）中的指向始终是定义它们的对象，这为我们提供了灵活地处理对象属性的方法。在实际开发中，合理利用getter和setter可以增强代码的可维护性和安全性。
详解ES6 CLASS在微信小程序中的应用实例
10-15
例如，`MyClass`中的`prop`属性就有一个对应的`getter`和`setter`，用于获取和设置属性值时执行特定操作。当我们访问或修改`inst.prop`时，实际上是在调用这些函数。 关于`this`的指向，通常在类的方法中，`this`会...
基于Python flask 的豆瓣电影top250数据评分可视化
08-03
基于Python flask 的豆瓣电影top250数据评分可视化
基于stm32的汇川伺服电机机械臂控制程序，C语言程序，串口通信
08-03
基于stm32的汇川伺服电机机械臂控制程序，C语言程序，串口通信
MQTTX-Setup-1.9.9-x64.exe
08-03
主要是MQTT的软件安装包
MES产品化-中央空调场内物流培训.pptx
最新发布
08-03
MES产品化-中央空调场内物流培训.pptx
ES6 全攻略：新特性与实战详解
12. **getter和setter**：新的访问器属性，允许动态地获取和设置对象属性值，增强了数据的封装性。 13. **数学函数和数字类型**：新增了Math函数的扩展，以及更简洁的数字字面量表示法。 14. **字符串方法**：引入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值