🧚decorator

takes a function and alters/extends its behavior. 🚧 under construction

• JS ⟩ value ⟩ function ⟩ decorator

• JS ⟩ technique ⟩ decorator

(function) alters/extends the behavior of another function.

🔴 主題

• saveCallHistory(f) - make function save its call history ("arguments").

• memoize(f) - make function "remember" its "return values".

• benchmark(f)

• delay(f, s) - delay the execution of a function by s seconds.

• debounce(f, s) - debounce function calls for s seconds.

• throttle(f, s) - throttle function calls by every s seconds.

• debounce vs. throttle - difference between the two.

🧨 雷區

• if the original function had properties on it, like func.calledCount or whatever, then the decorated one will not provide them❗

• there's a way to create decorators that keep access to function properties, but this requires using a special Proxy object to wrap a function. 👉 Proxy and Reflect.

👥 相關

• memoize by decorator

📗 參考

• JS.info ⟩ Decorators and forwarding, call/apply ⭐️

🚧

• benchmark(f) - timed version of a function.