ES6装饰器的使用

Posted 2021-06-06 Smile沛沛

ES6装饰器的使用

• 装饰器：是一种与类相关的语法，用来注释和修改类和类相关的方法和属性。许多面向对象的语言都有这个功能。一般和类class 相关，普通的方法不要去使用
• 装饰器是一种函数，写法是@函数名，它可以放在类和类的方法定义前。装饰器就是执行函数，给类或者类下面的属性方法加一些控制条件
• 装饰器
  • 给类或者类属性驾驶一些其他代码
  • 可以代码复用

@decorator
class A(){
  
}

//等同于
class A(){
	//decorator是一个函数，相当于调用它给A类可以加上一些其他代码,加上属性等
  A = decorator(A)
}




//实例.在类或者类属性方法上写上@函数名，就相当于调用这个函数
function testfunc(target){
  target.isok = true;   			//相当于Myclass.isok = true 
  console.log('i am test func',target)
}

@testfunc
class Myclass{
  
}



function readonly(target,name,descriptor){
  console.log(target)		//当前的class，即Person
  console.log(name)			//装饰的属性或方法名
  //configuerable修改、enumerable枚举是否可for in循环、writeable、value对象属性默认值
  console.log(descriptor)			
  return descriptor;
}

class Person{
  
  @readonly
  abc(){
    console.log('add func ')
  }
}