于开发期间, 对象具备的属性数量过多属于常见的令人苦恼之处, 好多人的第一反应是对属性予以删减, 然而实际的业务情形常常不许可实施这般的操作, 那被称作“在不删除属性的条件下对简化对象属性的方法展开探讨”, 其关键中心点在于, 在维持字段完整性的涵盖范围以内, 借由结构的调整以及访问的优化, 使得对象看上去更为轻巧, 使用起来更为便利。属性分组打包能让对象更清晰倘若存在一个对象塞入了十几个属性, 那么无论是阅读还是调用都会让人颇感吃力。举例而言, 有一个用户对象, 它既具备基本信息、权限标识, 还拥有订单统计、日志记录。在这种情况下, 我们能够将属性依据业务维度拆分成嵌套对象。这般情形之下, 最上面一层的对象仅仅留存几个关键的字段, 属性的数量会迅猛地减少, 可是所有本来的数据依旧是保留在里面的。这么一种行为方式于接口进行返回之际特别具备效用, 前端仅仅需要依照路径去获取相应之处的值, 不会由于所涉及的属性数量过多进而陷入迷失的状况而后端在开展维护工作的时候同样能够迅速地确定属性的归属所在。用计算属性或代理代替显式字段有一种不同的思考方向是动态地去生成属性, 举例来说, 有一个对象, 它同时具备width以及height这两个属性, 在此基础上, 它还需要一个area属性, 按照传统的做法, 是直接将这三个属性写死, 然而, 我们能够仅仅保留前面的两个属性, 借助getter或者Proxy拦截访问。于JavaScript编程范畴之内, Object.defineProperty此方法以及ES6所给予的get语法均可实现特定功能。当用户开展对obj.area的访问行为时, 系统会依照已有的数据自动进行width * height的运算。需要留意的是, 于该对象的内部, 事实上仅仅存放了两个属性。借由这样一种方式, 既未致使数据出现丢失的情况, 与此同时还明显削减了显式属性的数量, 进而在数据管理以及代码简洁性这两方面达成了较好的一种平衡。这一实现途径引发了众多便利之处, 其一, 针对数据的处置更为高效, 鉴于规避了没必要的数据重复存储其二, 代码架构愈发明确扼要, 降低显著属性数量有益于开发技术人员更便利地监管和保全代码。不管是于小型项目抑或是大型繁杂应用里, 此种方法都能够在一定程度上提高开发效能与代码品质, 致使整个程序的运转更为稳固且可靠。更为复杂的场景那儿, 是能够采用 Proxy 的。就好像对象之中的 fullName , 它是由 firstName 以及 lastName 拼接起来形成的, 借助 Proxy 的 get 拦截去动态地予以返回, 如此一来就用不着额外去进行存储。
