编辑“︁JavaScript装饰器提案”︁（章节）

== 实际应用场景 ==

装饰器在现代JavaScript开发中有多种实用场景：

=== 日志记录 ===
如前面的示例所示，装饰器非常适合用于方法调用的日志记录。

=== 性能测量 ===
测量方法执行时间：

<syntaxhighlight lang="javascript">
function measure(target, name, descriptor) {
    const original = descriptor.value;
    descriptor.value = function(...args) {
        const start = performance.now();
        const result = original.apply(this, args);
        console.log(`${name} 执行时间: ${performance.now() - start}ms`);
        return result;
    };
    return descriptor;
}
</syntaxhighlight>

=== 表单验证 ===
验证方法参数：

<syntaxhighlight lang="javascript">
function validate(...validators) {
    return function(target, name, descriptor) {
        const original = descriptor.value;
        descriptor.value = function(...args) {
            validators.forEach((validator, i) => {
                if (!validator(args[i])) {
                    throw new Error(`参数 ${i} 验证失败`);
                }
            });
            return original.apply(this, args);
        };
        return descriptor;
    };
}

function isNumber(value) { return typeof value === 'number'; }

class MathUtils {
    @validate(isNumber, isNumber)
    sum(a, b) { return a + b; }
}
</syntaxhighlight>

=== 自动绑定this ===
解决回调函数中的this问题：

<syntaxhighlight lang="javascript">
function autoBind(target, name, descriptor) {
    const original = descriptor.value;
    return {
        configurable: true,
        get() {
            const boundFn = original.bind(this);
            Object.defineProperty(this, name, {
                value: boundFn,
                configurable: true,
                writable: true
            });
            return boundFn;
        }
    };
}

class Button {
    @autoBind
    handleClick() {
        console.log(this); // 总是指向Button实例
    }
}
</syntaxhighlight>