如何用JavaScript装饰器重构代码？

本文共计826个文字，预计阅读时间需要4分钟。

目录 + 安装 + Vite配置 + Webpack配置 + 使用 + 语法：@ + 函数名 + 装饰器 + 带参数的装饰器 + 类装饰器 + 多个装饰器执行顺序 + 应用 + 延迟 + 节流 + Decorator装饰器是ES7的提案特性，目前处于提出阶段。

目录

• 安装
• vite配置
• webpack配置
• 使用
• 语法: @+函数名
• 类装饰器
• 带参数的修饰器
• 类成员装饰器
• 多个装饰器的执行顺序
• 应用
• 延迟
• 节流
• 防抖

Decorator装饰器是ES7的时候提案的特性，目前处于Stage 3候选阶段（2022年10月）。

装饰器简单来说就是修改类和类方法的语法糖，很多面向对象语言都有装饰器这一特性。

为了使用装饰器特性，我们需要用进行babel转义。这里需要用到的是@babel/plugin-proposal-decorators。