es6装饰器有什么用

171 阅读 0 评论 113 点赞

我是靠谱客的博主勤劳蜜蜂，这篇文章主要介绍es6装饰器有什么用，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6装饰器有什么用

装饰器：是一种与类相关的语法，用来注释和修改类和类相关的方法和属性。许多面向对象的语言都有这个功能。一般和类class 相关，普通的方法不要去使用

装饰器是一种函数，写法是@函数名，它可以放在类和类的方法定义前。装饰器就是执行函数，给类或者类下面的属性方法加一些控制条件

装饰器

给类或者类属性驾驶一些其他代码，可以代码复用

装饰器主要用于:装饰类，装饰方法或属性

示例如下：

装饰类

复制代码@annotation
class MyClass { }
function annotation(target) {
   target.annotated = true;
}1
2
3
4
5
@annotation
class MyClass { }
function annotation(target) {
   target.annotated = true;
}
登录后复制

装饰方法或属性

复制代码class MyClass {
  @readonly
  method() { }
}
function readonly(target, name, descriptor) {
  descriptor.writable = false;
  return descriptor;
}1
2
3
4
5
6
7
8
class MyClass {
  @readonly
  method() { }
}
function readonly(target, name, descriptor) {
  descriptor.writable = false;
  return descriptor;
}
登录后复制

【相关推荐：javascript视频教程、web前端】

以上就是es6装饰器有什么用的详细内容，更多请关注靠谱客其它相关文章！