es7学习教程之Decorators（修饰器）详解

本文主要给大家介绍的是关于es7 Decorators（修饰器）的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：

ES6 Decorators（修饰器）

修饰器（Decorator）是一个函数，用来修改类的行为。这是ES7的一个提案，目前Babel转码器已经支持

我们在游戏大型项目种经常会用到的方法，现在es6直接支持

想要使用Decorator的话需要我们配置一下文件夹，配置一下环境

npm install babel-plugin-transform-decorators-legacy --save-dev

完事配置一下babelrc文件

"plugins": ["transform-decorators-legacy"]

先说一下装饰器的特点

装饰器本质是一个函数

@hometown hometown()

装饰对象可以使用多个装饰器

@hometown("山西")
@school
 class Student{
  constructor(name){
   this.name=name;
  }
  @studyke("HTML")
  study(){
   console.log(this.name+" is studying"+this.ke+"!")
  }
}

装饰器可以带参数

function hometown(diqu){
   //target.home="广灵";
   return function(target){
    target.home=diqu;
   }
  }

@hometown("山西")
class...

装饰器修饰 类

function school(target){
   console.log("123")
   target.schoolName="师徒课堂";
  }
  function hometown(diqu){
   //target.home="广灵";
   return function(target){
    target.home=diqu;
   }
  }

  function studyke(kemu){
   return function(target){
    target.ke=kemu;
   }
  }
  @hometown("山西")
  @school
  class Student{
   constructor(name){
    this.name=name;
   }
   @studyke("HTML")
   study(){
    console.log(this.name+" is studying"+this.ke+"!")
   }
  }
  console.log(Student.schoolName);
  console.log(Student.home);

  let l=new Student("xiaoA");
  l.study();

  @school
  function Teacher(){

  } 

总结

以上就是这篇文章的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# es7  # 修饰器  # decorators  # 装饰器  # 一文读懂ES7中的javascript修饰器  # 广灵  # 山西  # 是一个  # 的是  # 这是  # 相关内容  # 多个  # 给大家  # 可以使用  # 这篇文章  # 谢谢大家  # 多说  # 经常会  # 先说  # 有疑问  # 转码器  # Babel  # kemu  # plain  # npm 

相关文章： 矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  广平建站公司哪家专业可靠？如何选择？  建站之星会员如何解锁更多建站功能？  建站ABC备案流程中有哪些关键注意事项？  建站之星CMS五站合一模板配置与SEO优化指南  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  怀化网站制作公司,怀化新生儿上户网上办理流程？  宝塔面板创建网站无法访问？如何快速排查修复？  建站之星如何通过成品分离优化网站效率？  如何在宝塔面板中修改默认建站目录？  ,巨量百应是干嘛的？  内网网站制作软件,内网的网站如何发布到外网？  建站之星如何快速解决建站难题？  如何获取PHP WAP自助建站系统源码？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  详解jQuery停止动画——stop()方法的使用  如何在万网开始建站？分步指南解析  网站制作网站,深圳做网站哪家比较好？  如何选购建站域名与空间？自助平台全解析  如何配置IIS站点权限与局域网访问？  微信h5制作网站有哪些,免费微信H5页面制作工具？  官网网站制作腾讯审核要多久,联想路由器newifi官网  制作门户网站的参考文献在哪,小说网站怎么建立？  建站之星后台管理系统如何操作？  黑客入侵网站服务器的常见手法有哪些？  *服务器网站为何频现安全漏洞？  建站之星安装后界面空白如何解决？  淘宝制作网站有哪些,淘宝网官网主页？  C#如何在一个XML文件中查找并替换文本内容  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  nginx修改上传文件大小限制的方法  如何在建站之星绑定自定义域名？  Thinkphp 中 distinct 的用法解析  如何在IIS管理器中快速创建并配置网站？  建站之星代理如何获取技术支持？  西安专业网站制作公司有哪些,陕西省建行官方网站？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  建站上传速度慢？如何优化加速网站加载效率？  c# 在高并发场景下，委托和接口调用的性能对比  ,如何利用word制作宣传手册？  创业网站制作流程,创业网站可靠吗？  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  个人网站制作流程图片大全,个人网站如何注销？  济南网站制作的价格,历城一职专官方网站？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  如何在新浪SAE免费搭建个人博客？  如何用免费手机建站系统零基础打造专业网站？  内部网站制作流程,如何建立公司内部网站？  如何构建满足综合性能需求的优质建站方案？