如何使用和应用 JavaScript 装饰器？

我试图了解如何在一段非常简单的代码中使用装饰器，这样我就可以将这个概念应用到我更大的项目中。从 Addy Osmani 的文章中得到启发here https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841，我创建了一段简单的代码，如下所示。

比如说，我有一堂课叫Cat，有一个meow()方法，我想用一些日志记录来装饰它，如下所示。

class Cat {
  @logger
  meow() { console.log( ' Meeeoow! ') }
};


function logger(target, key, descriptor) {
  console.log("Cat snarling...");
  return descriptor;
}

const cat = new Cat();
cat.meow();

当我尝试针对 Node.js 解释器（版本 9.1.0）执行此操作时，出现以下错误。

/Users/ravindranath/projects/decorators/index.js:2   @logger   ^

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:152:10)
    at Module._compile (module.js:605:28)
    at Object.Module._extensions..js (module.js:652:10)
    at Module.load (module.js:560:32)
    at tryModuleLoad (module.js:503:12)
    at Function.Module._load (module.js:495:3)
    at Function.Module.runMain (module.js:682:10)
    at startup (bootstrap_node.js:191:16)
    at bootstrap_node.js:613:3
  

所以，我的问题是：

1. Node.js 9.x 支持装饰器语法吗？或者它会在未来的版本中出现吗？

2. 我看到一些express-js基于 GitHub 上的装饰器，但我无法弄清楚如何创建自己的装饰器。有人可以提供一个使用 Node.js 创建自定义装饰器的简单基本示例吗？

装饰器是notECMAScript 2016（又名 7）的一部分。装饰师目前在第二阶段选秀 https://tc39.github.io/proposal-decorators/一个功能在最终确定并成为语言的一部分之前要经历 4 个阶段。它们可能会在不久的将来集成到该语言中，但其功能和细节可能会发生变化。因此，您必须使用 Babel 等转译器将装饰器转换为 Node 运行时可以理解的代码（ECMAScript 2016），方法是安装transform-decorators https://babeljs.io/docs/plugins/transform-decorators/巴贝尔插件。

至于创建装饰器，您已经这样做了。每个装饰器只是一个包装另一个装饰器的函数，在您的情况下，根据用例提供参数target, key, and descriptor. Your logger功能：

function logger(target, key, descriptor) {
  console.log("Cat snarling...");
  return descriptor;
}

已经是装饰师了。上课属性和方法, target指财产的类别，key是属性名称，并且descriptor是属性的描述符。然后调用装饰器并通过以下方式定义类的属性Object.defineProperty https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty一旦脱糖。你的例子可以归结为：

class Cat { }

let meowDescriptor = {
  type: 'method',
  initializer: () => () => {
    console.log(' Meeeoow! ');
  },
  enumerable: false,
  configurable: true,
  writable: true
}

function logger(target, key, descriptor) {
  console.log("Cat snarling...");
  return descriptor;
}

meowDescriptor = logger(Cat.prototype, 'meow', meowDescriptor);
Object.defineProperty(Cat.prototype, 'meow', {
  ...meowDescriptor,
  value: meowDescriptor.initializer()
});

对于类本身，装饰器采用一个参数，target它描述了装饰类。我建议阅读一些文档 https://github.com/wycats/javascript-decorators/blob/master/README.md熟悉这个主题。