title

JavaScript metaprogramming with the 2022-03 decorators API

charset

utf-8

viewport

width=device-width

description

JavaScript decorators have finally reached stage 3! Their latest version is already supported by Babel and will soon be supported by TypeScript. This blog post covers the 2022-03 version (stage 3) of the ECMAScript proposal “Decorators” by Daniel Ehrenberg and Chris Garrett. A decorator is a keyword that starts with an @ symbol and can be put in front of classes and class members (such as methods). For example, @trace is a decorator: class C { @trace toString() { return 'C'; } } A decorator changes how the decorated construct works. In this case, every invocation of .toString() will be “traced” (arguments and result will be logged to the console). We’ll see how @trace is implemented later.

og:title

JavaScript metaprogramming with the 2022-03 decorators API

twitter:card

summary

alternate

https://2ality.com/feeds/posts.atom

apple-touch-icon

../../img/favicons/2ality-favicon-180x180.png

icon

../../img/favicons/2ality-favicon-opaque.svg

mask-icon

../../img/favicons/2ality-favicon-transparent.svg

stylesheet

../../assets/main.css