leviosa42

作ったヤツ
<div class="code-block-container"><pre class="language-js"><code class="language-js code-line" data-line="2">const RADWIMPS = new Proxy({ stack: [] }, {
 get(t, p) {
 if (p === "世") return t.stack.length === 0 ? "現世" : t.stack.join("") + "世";
 t.stack.push(p);
 return new Proxy({ stack: t.stack }, this);
 },
});

console.log(RADWIMPS.前.前.前.世); // 前前前世
console.log(RADWIMPS.前.前.前.前.世); // 前前前前世
</code></pre></div>ネタ元
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line"><a href="https://github.com/sevenc-nanashi/radwimps/tree/main" target="_blank" rel="nofollow noopener noreferrer">https://github.com/sevenc-nanashi/radwimps/tree/main</a></li>
<li data-line="18" class="code-line"><a href="https://github.com/approvers/RADWIMPS" target="_blank" rel="nofollow noopener noreferrer">https://github.com/approvers/RADWIMPS</a></li>
</ul>

<h2 id="%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> 参考リンク</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">
<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy" target="_blank" rel="nofollow noopener noreferrer">https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy</a>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">
<code>new Proxy(obj, handler)</code>で <code>obj</code> に対する操作を横取りできる。</li>
<li data-line="4" class="code-line">最初はTypeScriptで書こうとしてたけど、Proxy が絡むと型周りで面倒になりそうだったのでjsで書くことにした</li>
</ul>
</li>
</ul>