如何在JavaScript中获取事件目标的msgId属性值

云原生阿岚

2026-5-20

获取对象msgId属性中的"someId"值

没问题，我来帮你搞定这个需求！想要通过target.msgId的方式拿到其中的"someId"，我们得先看target和msgId的具体结构，这里给你几种常见场景的解决方案：

场景1：msgId直接就是目标字符串

如果你的target对象本身就把"someId"存在msgId属性里，那直接访问就行，这是最简单的情况：

// 示例target结构
const target = {
  msgId: "someId"
};

// 直接获取值
const desiredId = target.msgId;
console.log(desiredId); // 输出: "someId"

场景2：msgId是嵌套对象，需要提取内部的"someId"

如果msgId是个嵌套对象（比如{ value: "someId" }），但你又想通过target.msgId直接拿到最终值，可以给target定义一个getter属性来封装提取逻辑：

const target = {
  // 把原始嵌套数据存在私有属性里
  _msgId: { value: "someId" },
  // 定义getter，让target.msgId直接返回我们要的"someId"
  get msgId() {
    return this._msgId.value;
  }
};

console.log(target.msgId); // 输出: "someId"

场景3：msgId是包含"someId"的复合字符串

如果msgId是一段包含"someId"的长字符串（比如"msg_123_someId_456"），同样可以用getter来封装字符串提取逻辑，实现target.msgId直接返回目标值：

const target = {
  // 保存原始字符串
  _rawMsgId: "msg_123_someId_456",
  get msgId() {
    // 这里用正则提取"someId"，根据你的实际字符串格式调整正则规则
    const match = this._rawMsgId.match(/someId/);
    return match ? match[0] : null;
  }
};

console.log(target.msgId); // 输出: "someId"