es6 proxy overview

Transcript

1. ES6 PROXY AN INTRODUCTION TO
2. OVERVIEW 1、WHAT IS PROXY 2、USE CASES 3、OBSERVABLE & IMMER.JS 4、DISCUSS
3. WHAT IS PROXY PROXY IS A DESIGN PATTERN
4. WHAT IS PROXY PROXY IN JAVASCRIPT The Proxy object is used to define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc)
5. WHAT IS PROXY PROXY IN JAVASCRIPT handler.apply() handler.construct() handler.defineProperty() handler.deleteProperty() handler.get() handler.getOwnPropertyDescriptor () handler.getPrototypeOf() handler.has() handler.isExtensible() handler.ownKeys() handler.preventExtensions() handler.set() handler.setPrototypeOf()
6. USE CASES BASIC USAGE
7. USE CASES SET DEFAULT PROPERTIES
8. USE CASES PRIVATE PROPS
9. USE CASES TRACK PROPS CHANGE
10. USE CASES SINGLETON
11. USE CASES PROP VALIDATORS
12. USE CASES COOKIE OBJECT HANDLER
13. USE CASES REVOCABLE PROXY
14. REAL WORLD PROJECT OBSERVABLE-UTIL ▸ https://github.com/nx-js/observer-util
15. REAL WORLD PROJECT OBSERVABLE-UTIL
16. REAL WORLD PROJECT IMMER ▸ https://github.com/mweststrate/immer
17. REAL WORLD PROJECT IMMER
18. SUMMARY PROS & CONS ▸ Expando property access ▸ Low coupling ▸ Protect the original object ▸ Meta programming in a way ▸ Browser compatibility