装饰器：TypeScript 开发者的救世主

亦凉 2023-10-12 19:25 24阅读 0赞

如果您在 Java 世界中使用过 Spring 框架（或其他类似lombok的框架），您就会熟悉注释的力量。

@RestMapping在方法上添加注解！砰！它作为 API 公开。在类上  
添加注释！@Data砰！您拥有所有详细的方法，例如、getters等等。setterstoString

装饰器的工作方式与 TypeScript 类似。这两个使我们能够抽象出冗余和非业务相关的代码，例如缓存、日志记录、参数有效性等等。

Typescript 中的装饰器是什么  
来自TypeScriptLang

装饰器是一种特殊类型的声明，可以附加到类声明、方法、访问器、属性或参数。装饰器使用@expression 形式，其中表达式必须评估为将在运行时使用有关装饰声明的信息调用的函数。

为什么要使用装饰器  
抽象出冗余代码  
保持业务逻辑清晰  
提高开发人员生产力  
保持缓存/日志记录/验证等非功能性事物在服务之间标准化  
看看这个基本的例子

const getUsernameById(String userId) {
        
      const userName = CACHE.get("bucket", userId);
      if(!_.isNil(userName)) {
        
        return userName;
      }
    
      const user = UserModel.getById(userId);
      CACHE.set("bucket", userId, user.name);
      Log.info(
        method: "getUsernameById"
        key_1: "userId",
        key_1_value: userId,
        key_2: "userName",
        key_2_value: userName
      )
      return user.name;
    }

使用装饰器，它可以简化为

@Cacheable
    @Loggable
    const getUsernameById(String userId){
        
      const user = UserModel.getById(userId);
      return user.name;
    }

PS：这些实现/命名对于其他人可能不同，但要点是相同的

所有实体装饰器都可以支持什么  
就像 Java 一样，TypeScript 支持类方法/函数和属性级装饰器等等：

类装饰器：可用于创建组件或单例对象。  
方法装饰器：可用于记录方法的请求响应、缓存参数和返回值等  
属性装饰器：可用于在赋值或初始化时验证属性值。可以在此处找到详细说明。  
我如何开始为我的项目使用装饰器  
相信我，当我这样说时，它很容易实现。这将是那些将为您带来最高工程投资回报率的项目之一。

关注我的博客，您将在其中获得提示、技巧和挑战，以保持您的技能敏锐。记得关注我哦！