JavaScript开发必知：ES6装饰器（Decorator）的理解与实用场景揭秘

装饰器（Decorator）是ES6中的一种新特性，它允许在运行时修改类或函数的行为。装饰器本质上是一个函数，它接收一个类或函数作为参数，并返回一个新的类或函数。 装饰器的使用场景非常广泛，例如： 1. 日志记录：可以使用装饰器在函数执行前后记录日志。 ```javascript function log(target, key, descriptor) { console.log(`Function ${key} is being called`); return descriptor; } class MyClass { @log myMethod() { console.log('Hello, World!'); } } const myInstance = new MyClass(); myInstance.myMethod(); // 输出 "Function myMethod is being called" 和 "Hello, World!" ``` 2. 访问控制：可以使用装饰器来控制类或函数的访问权限。 ```javascript function private(target, key, descriptor) { descriptor.configurable = true; descriptor.writable = true; descriptor.value = function(...args) { if (key === 'privateMethod') { throw new Error('Private method cannot be called'); } return descriptor.value.apply(this, args); }; return descriptor; } class MyClass { @private privateMethod() { console.log('Private method'); } publicMethod() { this.privateMethod(); } } const myInstance = new MyClass(); myInstance.publicMethod(); // 抛出错误，因为 privateMethod 是私有的 ``` 3. 性能优化：可以使用装饰器来优化类或函数的性能。 ```javascript function cache(target, key, descriptor) { const cacheKey = key + descriptor.value.toString(); let cacheValue; descriptor.value = function(...args) { if (cacheValue) { return cacheValue; } cacheValue = descriptor.value.apply(this, args); return cacheValue; }; return descriptor; } class MyClass { @cache expensiveMethod() { // 这是一个昂贵的操作 return 'Expensive result'; } } const myInstance = new MyClass(); console.log(myInstance.expensiveMethod()); // 输出 "Expensive result" console.log(myInstance.expensiveMethod()); // 输出 "Expensive result"，因为结果已经被缓存 ``` 装饰器是ES6中的一项强大特性，它允许我们在运行时修改类或函数的行为，从而实现代码的复用和模块化。 ######[AI写代码神器 | 510点数解答 | 2023-11-09 01:27:52]