装饰器的使用

先安装 babel 进行转码

babel-core
babel-polyfill
babel-plugin-transform-decorators-legacy

配置 .babelrc 文件

{
  "presets": ["env"],
  "plugins": ["transform-decorators-legacy"]
}

根目录下创建 start.js 文件

require('babel-core/register')()
require('babel-polyfill')
require('./test/index.js')

./test/index.js 文件里面

class Test {
	@fn
	run () {
		console.log('@fn 在 class 的外面或里面都会执行')
	}
}
function fn(target, key, descriptor) {
  console.log('target 表示 class 下的 @fn 方法')
  console.log('key 表示 class 下的 run() 方法')
  console.log('descriptor 对 class 的描述,里面有 value 值 run 函数,writable、enumerable、configurable 状态')
  return descriptor
}
const t = new Test()
t.run()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值