随着ECMAScript 6（ES6）及后续版本的发布，JavaScript不断引入新的语法特性和工具，极大地提升了开发效率和代码可读性。其中，装饰器（Decorators）和代理（Proxies）是两个非常重要的高级特性，它们允许开发者以更灵活和强大的方式操控对象和方法。
装饰器是一种特殊类型的声明，它能够被附加到类声明、方法、属性或参数上。装饰器使用@expression这种形式，expression必须求值为一个函数，它会在运行时被调用，被装饰的声明信息作为参数传入。
装饰器在以下场景中非常有用：
下面是一个使用装饰器记录日志的示例：
function log(target, propertyKey, descriptor) {
const originalMethod = descriptor.value;
descriptor.value = function (...args) {
console.log(`Calling ${propertyKey} with args:`, args);
const result = originalMethod.apply(this, args);
console.log(`Result of ${propertyKey}:`, result);
return result;
};
return descriptor;
}
class Calculator {
@log
add(a, b) {
return a + b;
}
}
const calc = new Calculator();
calc.add(2, 3);
代理是一种能够定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）的对象。通过Proxy构造函数可以创建代理，用于拦截并定义基本操作的行为。
代理在以下场景中非常有用：
下面是一个使用代理进行数据验证的示例：
const handler = {
set(target, property, value) {
if (typeof value === 'number' && value >= 0) {
target[property] = value;
return true;
}
return false;
}
};
const obj = {};
const proxy = new Proxy(obj, handler);
proxy.age = 25; // 成功
console.log(proxy.age); // 25
proxy.age = -5; // 失败
console.log(proxy.age); // 25
装饰器和代理是ES6+中引入的两个强大特性，它们为JavaScript开发提供了更多的灵活性和控制力。装饰器适合用于方法或类的修饰和增强，而代理则适用于对对象操作的精细控制和拦截。在实际开发中，合理使用这两个特性可以极大地提升代码的可维护性和可扩展性。