MetaProgramming with JavaScript

on YouTube ↗54m

" summary

Modern JavaScript provides a practical metaprogramming API: Reflect and Proxy are used to inject and synthesize behavior. Examples show using Object.defineProperty/defineProperties to add first/last on Array.prototype (so all arrays share them), building a revocable proxy, and creating a prototype-end proxy for Map that synthesizes keys as properties (e.g., langs.Java returns the author). The proxy-based synthesis works and simplifies dynamic access, but requires careful unit tests for edge cases.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to meta programming
2. 3:09Prototypal inheritance basics
3. 7:46Dynamic property access
4. 11:17Method injection explained
5. 14:29Adding methods to objects
6. 19:13Injecting properties into classes
7. 27:02Reflect and Proxy introduction
8. 30:16Proxy handlers and traps
9. 35:56Creating a proxy example
10. 39:49Synthesizing dynamic properties
11. 48:03Advanced proxy placement
12. 52:17Summary and book mention

" related talks

• 50mMetaprogramming in JavaScriptJavier Vélez Reyes · JSDayES 2015
• 26mJavaScript Metaprogramming - ES6 Proxy Use and AbuseEirik Langholm Vullum · JSConf Budapest 2017
• 52mJavaScript Metaprogramming - ES6 Proxy Use and AbuseEirik Langholm Vullum · NDC Oslo 2017
• 24mJavaScript metaprogramming with ES2015 ProxyAleksandr Skachkov · Frontend fwdays'17
• 22mMetaprogramming, ES6 ProxyRobert Hanesoghlyan · JavaScript Conference Armenia 2018
• 40mThe Magic of Modern JavaScript Features for the Working ProgrammerAleksandr Nikolaichev · Я.Субботник по разработке интерфейсов 2020
• 36mMetaprogramming - A journey into ES6Suhas SG · JSFoo 2015
• 11mAnything is possible! Unlocking the Nightmarish Power of JavaScript..Andrew Sillers · !!Con 2019