首页 > 其他 > 详细

ES6学习笔记九:修饰器

时间:2017-07-28 10:51:24      阅读:190      评论:0      收藏:0      [点我收藏+]

一:修饰器(Decorator)是一个函数,用来修改类的行为。

1)定义与使用

function 修饰器名(target) {
  //target是被修饰对象,可用target.xxx进行调用修改
}

@修饰器名
class MyClass {
  // ...
}

//调用修饰器
MyClass.修饰器;

修饰器对类的行为的改变,是代码编译时发生的,而不是在运行时。这意味着,修饰器能在编译阶段运行代码。

 

2)带参数的修饰器

function 修饰器名(参数列表) {
  return function(target) {//返回一个闭包函数
    target.xx= xx;//修改targer的内容
  }
}

@修饰器名(实参)
class MyClass {}

MyClass.修饰器;

 

二:使用

1)修饰类

(见上面格式)

 

2)修饰类中方法、属性

在类中的方法、属性上加  @修饰器  注解即可。

 

三:第三方模块

core-decorators.js是一个第三方模块,提供了几个常见的修饰器:

autobind修饰器使得方法中的this对象,绑定原始对象。

readonly修饰器使得属性或方法不可写。

override修饰器检查子类的方法,是否正确覆盖了父类的同名方法,如果不正确会报错。

deprecatedeprecated修饰器在控制台显示一条警告,表示该方法将废除。

suppressWarnings修饰器抑制decorated修饰器导致的console.warn()调用。但是,异步代码发出的调用除外。

 

ES6学习笔记九:修饰器

原文:http://www.cnblogs.com/ygj0930/p/7248702.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!