ES6中的get/set

一、为什么需要使用get/set方法?

class中有几个属性修饰符:

  • public 可以被其他所有类访问
  • protected 自身、子类可以访问
  • private 只能被自身访问

一个属性如果设置为public类型是非常危险的,会被任意修改。用get/set方法来控制变量,防止他人的恶意修改。

二、set/get的使用方式

例如:
在对象中使用

    let obj = {
        arr:[1,2,3,4],
        get latest() {
            if(!this.arr.length) {
                return undefined;
            } else {
                return this.arr[this.arr.length-1]
            }
        }, 
				set setFirst(val) {
					if(typeof val ==='number') {
						this.arr[0] = val;
					}
				}
    }

在这里插入图片描述
从结果可以看出latest在初始化的时候就已经运行了,latest作为obj的一个属性来计算后显示。
类似,在class 中也有类似的用法。

三、set/get的一个使用场景:在每次登录的时候检测是否已经登录

class login {
	  //token存储的键值
		static TOKEN_KEY = 'geqwrgfboiadsad';
    
    // 在每次使用这个 class security 的时候 会调用 hasLogin() 来判断是否登陆 
    get hasLogin() {
        return this.currentUser !== null;
    }
    
    async signup(params) {
      return await http.post(API.signup(), params, {
          noToken: true
      });
      //!!!step1注册只返回邀请码,添加登陆后需再localStorage存储用户信息
    }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值