首页 / ES6 / ES6之Decorator的详细介绍

ES6之Decorator的详细介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6之Decorator的详细介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1032字，纯文字阅读大概需要2分钟。

内容图文

Decorator就是修饰器的意思

一、概念

　　修饰器是一个函数，用来修改类的行为（注意：1、函数 2、修改行为 3、对类进行操作）

　　1、只读的修饰器

{
  let readonly=function(target,name,descriptor){
    descriptor.writable=false;return descriptor
  };

  class Test{
    @readonly
    time(){      return '2017-03-11'}
  }

  let test=new Test();  // test.time=function(){
  //   console.log('reset time');
  // }; 将报错  如果修改的话
  console.log(test.time());
}

　　也可以在类的前面进行修饰

{
  let typename=function(target,name,descriptor){
    target.myname='hello';
  }

  @typename
  class Test{

  }

  console.log('类修饰符',Test.myname);//hello  // 第三方库修饰器的js库：core-decorators; npm install core-decorators}

　　

{
  let log=(type)=>{return function(target,name,descriptor){
      let src_method=descriptor.value;
      descriptor.value=(...arg)=>{
        src_method.apply(target,arg);
        console.info(`log ${type}`);
      }
    }
  }

  class AD{
    @log('show')
    show(){
      console.info('ad is show')
    }
    @log('click')
    click(){
      console.info('ad is click');
    }
  }

  let ad=new AD();
  ad.show();
  ad.click();
}

以上就是ES6之Decorator的详细介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的ES6之Decorator的详细介绍全部内容，希望文章能够帮你解决ES6之Decorator的详细介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/301199.html

来源：【匿名】