dispatch 事件中传递某实例是否会引起安全问题？

Question

const someInstance = new SomeInstance();
const myEvent = new CustomEvent("my-event", {
    detail: someInstance,
});

document.dispatchEvent(myEvent);

已知someInstance 是某重要类型的实例，有很多改写数据的方法（权限）。
当我们dispatch 它的时候，如果该事件被某人监听到，会不会引起安全问题？

Answer 1

你指的安全问题是什么？事件订阅方不小心修改了其中的属性或调用了它的方法吗？

这个东西一般是靠代码规范和 Code Review 去避免吧，就像 JS 原生事件一样，你要非得在事件回调里去调用 event.target 的方法，JS 本身不会拦着你呀。

如果你是想减少不小心的那种操作，可以用 Proxy 之类的包装一层，比如所有属性在 detail 里都是只读的、不提供方法等等，如果事件订阅方确实需要访问原始对象，你可以提供个 detail.$context 之类的属性指向它。这样既能减少写代码的人不小心误修改，同时又能在有需要的时候访问到真实的对象实例。

P.S. 你要问“不小心”访问了这个 detail.$context 怎么办？那绝哔是故意的啊……