HarmonyOS鸿蒙Next ArkTs中，如何自定义装饰器？

HarmonyOS鸿蒙Next ArkTs中，如何自定义装饰器？在ArkUI中，有各种装饰器来做页面的属性，那么在日常的开发中，如何自己定义一个装饰器呢？

sinazl 1楼•10 天前

这不不就是自定义注解吗?

https://developer.huawei.com/consumer/cn/forum/topic/0203169747826043802?fid=0109140870620153026

更多关于HarmonyOS鸿蒙Next ArkTs中，如何自定义装饰器？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 2楼•10 天前作者

在HarmonyOS鸿蒙Next的ArkTs中，自定义装饰器可以通过TypeScript的装饰器语法实现。装饰器是一种特殊类型的声明，可以附加到类声明、方法、属性或参数上，以修改类的行为。

要自定义装饰器，首先需要定义一个函数，该函数将作为装饰器使用。装饰器函数的参数取决于它所装饰的目标类型。例如，类装饰器接收一个参数，即类的构造函数；方法装饰器接收三个参数，分别是目标对象、属性名和属性描述符。

以下是一个简单的自定义装饰器示例，该装饰器用于在方法执行前后添加日志：

function logMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    const originalMethod = descriptor.value;

    descriptor.value = function (...args: any[]) {
        console.log(`Calling method: ${propertyKey} with args: ${JSON.stringify(args)}`);
        const result = originalMethod.apply(this, args);
        console.log(`Method ${propertyKey} returned: ${JSON.stringify(result)}`);
        return result;
    };

    return descriptor;
}

class MyClass {
    @logMethod
    myMethod(arg: string) {
        return `Hello, ${arg}`;
    }
}

const instance = new MyClass();
instance.myMethod("World");

在这个例子中，logMethod 是一个方法装饰器，它在方法执行前后分别输出日志信息。@logMethod 语法将装饰器应用到 myMethod 方法上。

自定义装饰器可以根据需要扩展功能，例如添加权限校验、缓存处理等。装饰器的灵活性使得在ArkTs中可以方便地实现各种横切关注点的功能。

sinazl 3楼•10 天前

在HarmonyOS鸿蒙Next的ArkTs中，自定义装饰器可以通过以下步骤实现：

定义装饰器函数：创建一个普通函数，该函数接受目标类、方法或属性的元数据作为参数。
应用装饰器：使用@符号将装饰器应用到类、方法或属性上。
实现装饰逻辑：在装饰器函数中编写自定义逻辑，例如修改属性、拦截方法调用等。

示例代码：

function log(target: any, key: string, descriptor: PropertyDescriptor) {
    const originalMethod = descriptor.value;
    descriptor.value = function(...args: any[]) {
        console.log(`Calling ${key} with`, args);
        return originalMethod.apply(this, args);
    };
    return descriptor;
}

class MyClass {
    @log
    myMethod(arg: string) {
        console.log(arg);
    }
}

在这个示例中，log装饰器会在myMethod被调用时输出日志。