如何在vanilla Javascript (ES6)中模拟AngularJs装饰器正在做的事情？

在vanilla JavaScript (ES6)中模拟AngularJS装饰器的功能，我们可以使用一些JavaScript的特性和语法来实现类似的效果。

装饰器是一种用于修改类、方法或属性的元编程语法，可以在不修改原始代码的情况下添加新的行为或功能。在AngularJS中，装饰器可以用于扩展控制器、服务、指令等。

要在vanilla JavaScript中模拟AngularJS装饰器的功能，可以使用以下步骤：

创建一个装饰器函数，该函数接受一个目标对象作为参数，并返回一个新的对象或修改目标对象。
在装饰器函数中，可以使用原型继承或Object.assign等方法来创建一个新的对象，并复制目标对象的属性和方法。这样可以保留目标对象的原始功能。
在装饰器函数中，可以添加额外的属性、方法或修改现有的属性、方法，以实现新的行为或功能。
在需要使用装饰器的地方，将目标对象作为参数传递给装饰器函数，并将返回的新对象赋值给原始对象。

以下是一个示例，演示如何在vanilla JavaScript中模拟AngularJS装饰器的功能：

// 定义一个装饰器函数，接受目标对象作为参数
function logDecorator(target) {
  // 创建一个新的对象，并复制目标对象的属性和方法
  const decorated = Object.assign({}, target);

  // 添加一个新的方法
  decorated.log = function(message) {
    console.log(`Logged: ${message}`);
  };

  // 返回修改后的对象
  return decorated;
}

// 定义一个目标对象
const myObject = {
  name: 'John',
  greet() {
    console.log(`Hello, ${this.name}!`);
  }
};

// 使用装饰器函数来装饰目标对象
const decoratedObject = logDecorator(myObject);

// 调用原始对象的方法
decoratedObject.greet(); // Output: Hello, John!

// 调用装饰器添加的方法
decoratedObject.log('This is a log message.'); // Output: Logged: This is a log message.

在这个示例中，我们定义了一个装饰器函数logDecorator，它接受一个目标对象target作为参数。装饰器函数创建一个新的对象decorated，并复制目标对象的属性和方法。然后，我们在装饰器函数中添加了一个新的方法log，用于在控制台输出日志信息。最后，我们将目标对象传递给装饰器函数，得到一个装饰后的对象decoratedObject，我们可以调用原始对象的方法和装饰器添加的方法。

需要注意的是，这只是一个简单的示例，用于演示如何在vanilla JavaScript中模拟AngularJS装饰器的功能。实际上，AngularJS装饰器提供了更多功能和灵活性，例如可以应用多个装饰器、装饰器的顺序等。如果需要更复杂的装饰器功能，可能需要使用相关的库或框架来实现。