ES6 Proxy-Javascript 优雅的书写getter、setter

最新推荐文章于 2024-06-22 11:09:07 发布

小辣抓

最新推荐文章于 2024-06-22 11:09:07 发布

阅读量736

点赞数

分类专栏： javascript Javascript ！！！

本文链接：https://blog.csdn.net/HaoDaWang/article/details/79353846

版权

本文介绍了如何使用ES6的Proxy特性来优雅地处理对象的getter和setter，以此避免直接暴露私有属性。通过Proxy，可以创建一个代理对象，对原对象的属性读写操作进行拦截，实现更安全的数据访问控制。示例展示了如何通过handler对象的get和set方法，实现属性读取和修改的预处理，如设置权限检查。Proxy还允许在对象不存在的属性上进行赋值操作，扩展了JavaScript对象的功能。

摘要由CSDN通过智能技术生成

ES6 Proxy-Javascript 优雅的书写getter、setter

前言

emmmmm…大家都写过javabean吧，在做javaee开发的时候，经常拿javabean做数据模型，当数据模型比较复杂的时候，会有一大堆的getter，setter之类的东西，虽然有些IDE会自动帮助生成getter，setter，但是看起来确实很糟糕，kotlin改进了这种局面，如需创建数据模型只需用data关键字即可（扯远了）。

在js里也可以添加getter和setter，防止私有变量被暴露出来。在以前，我们可以利用立即执行函数进行暴露想暴露的数据。比如一个简单的例子：

let zhangsan = (() => {
  let name = "zhangsan"
  let age = 19

  return {
    setName:n => name = n,
    getName:() => {
    return name},
    setAge:a => age = a,
    getAge:() => {
    return age}
  }
})()

console.log(zhangsan.getName()); //zhangsan
console.log(zhangsan.name);//undefined
console.log(zhangsan.getAge()); //19
zhangsan.setName(