如何通过字符串形式的变量名获取JavaScript中的会话消息对象

架构老林

2026-10-6

解决方案

方案1：DOM节点直接挂载会话对象（最简便）

生成联系人DOM节点时直接将会话对象绑定到节点属性上，完全绕过变量名解析逻辑，无额外开销：

// 生成联系人DOM的逻辑示例
const contactId = /* 服务端返回的当前联系人ID */
const conversationObj = /* 你生成的 conversationID+contactId 对应的消息对象 */
const contactDiv = document.createElement('div')
contactDiv.id = `contact${contactId}`
// 直接挂载会话对象引用到DOM节点，不会产生数据拷贝
contactDiv.conversation = conversationObj
// 绑定点击事件
contactDiv.addEventListener('click', (e) => {
  // 点击时直接从节点提取会话对象即可使用
  const currentConversation = e.currentTarget.conversation
  // 后续处理消息的业务逻辑
})

方案2：WeakMap 做无冗余映射

你提到的「映射会导致数据重复存储」是误解，映射表存储的是对象引用而非副本，仅占用指针级别的极小内存。如果不想绑定DOM属性，可以用ES6的WeakMap实现，弱引用特性还不会阻碍垃圾回收，完全无冗余：

// 全局初始化WeakMap，仅用于存储引用映射
const conversationMap = new WeakMap()

// 生成会话对象时存入映射
const contactItem = /* 你原本存储的对应联系人对象（本身就存在的联系人数据对象） */
const conversationObj = /* 生成的 conversationID+contactId 消息对象 */
conversationMap.set(contactItem, conversationObj)

// 点击事件触发后提取
contactDiv.addEventListener('click', () => {
  const currentContact = /* 根据点击拿到的ID从联系人存储对象中找到对应联系人实例 */
  const currentConversation = conversationMap.get(currentContact)
})