07-TypeScript 方法装饰器

本文介绍了JavaScript中方法装饰器的用法,通过装饰器可以监视、修改或替换类的方法定义。示例展示了如何定义一个装饰器,用于接收参数并修改类的成员属性,同时改变方法内部的行为,将输入参数转换为字符串类型。文章还提供了实际的类和方法使用装饰器的例子。
摘要由CSDN通过智能技术生成
/*
    方法装饰器
      会被应用到方法的属性描述上,可用来监视,修改或替换方法定义

      需要三个参数
        1. 对于静态成员来说是类的构造函数,对实例成员来说是类的原型对象
        2. 成员的名字
        3. 成员的属性描述
 */

function get(params: any) {
    return (target: any, methodName: any, desc: any) => {
        console.log(target)
        console.log(methodName)
        console.log(desc)
        console.log(desc.value)

        target.apiUrl = params
        target.run = () => {
            console.log(123)
        }

        //装饰器 修改 getData方法
        // 1.保存当前方法
        let oldM = desc.value
        // desc.value = function (...args: any[]) {
        //     args = args.map((value) => {
        //         return String(value)
        //     })
        //     console.log(args)
        //     oldM.apply(this, args)
        // }

        desc.value = (...args: any[]) => {
            args = args.map((value) => {
                return String(value)
            })
            console.log(args)
            oldM.apply(this, args)
        }
    }
}

class Action {
    constructor() {
    }

    @get('http://itxcr.com')
    getData(...args:any[]) {
        console.log('类里面方法')
        console.log(args)
    }
}

let c: any = new Action()
c.run()
console.log(c.apiUrl)
c.getData(123, 'we', 454)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值