Decoratorとはデコレーターの意味です
1.概念
デコレーターとは、クラスの動作を変更するために使用される関数です(注: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 の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。