如何结合ES6类与自定义defineProperty使用高级Google Closure编译？

我一直在维护一个实用的数据流库，核心目标是让开发者能更灵活地处理数据属性——具体来说，它允许你在类实例化的过程中直接定义新属性，借助JavaScript的Object.defineProperty，我们能在运行时悄悄对这些属性的读写操作做自定义处理，而且全程对开发者完全透明，不用写额外的冗余代码。

核心特性 #

• 动态属性定义：无需在类（比如用ES6 class定义的TagSession）的内部提前声明属性，在实例化时直接传入属性配置即可创建新属性
• 透明的读写拦截：底层通过defineProperty封装了属性的getter/setter逻辑，开发者操作属性时就像操作普通对象一样，完全感知不到拦截逻辑的存在
• 多类型属性支持：内置了不同的配置函数来定义不同类型的属性，比如计算属性、初始值属性等

示例用法 #

假设TagSession是我们用ES6 class关键字定义的基础类，使用方式如下：

const sithApp = new TagSession(null, 'SithTrakSession', {
  // 计算属性：创建WebSocket连接，收到消息时自动更新obiLoc
  obiTrakker: cF(c => new WebSocket('ws://localhost:4000')
    .onmessage = msg => c.md.obiLoc = JSON.parse(msg.data)),
  // 初始值为null的普通属性
  obiLoc: cI(null),
  // 可继续扩展其他属性，比如sithIds...
});

示例解释 #

• cF 是用于定义计算属性的配置函数，它接收一个上下文参数c，你可以在函数体内编写任意业务逻辑——比如这里创建WebSocket连接，并在收到消息时自动更新obiLoc属性
• cI 是用于定义初始值属性的配置函数，只需要传入属性的初始值即可完成定义
• 当你后续操作sithApp.obiLoc或者sithApp.obiTrakker时，完全不需要关心底层的拦截处理，就像操作普通对象的属性一样顺畅

内容的提问来源于stack exchange，提问作者kennytilton