Js 方法装饰器

 

利用apply(),我们还可以动态改变函数的行为。

JavaScript的所有对象都是动态的,即使内置的函数,我们也可以重新指向新的函数。

现在假定我们想统计一下代码一共调用了多少次parseInt(),可以把所有的调用都找出来,然后手动加上count += 1,不过这样做太傻了。最佳方案是用我们自己的函数替换掉默认的parseInt()

'use strict';

var count = 0;
var oldParseInt = parseInt; // 保存原函数

window.parseInt = function () {
    count += 1;
    return oldParseInt.apply(null, arguments); // 调用原函数
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
是的,JavaScript引入了装饰的概念,可以使用装饰来修改类和类的成员。装饰是一个函数,它可以接收一个类或类的成员作为参数,并且可以返回一个新的类或修改后的成员。 以下是一个使用装饰修改类的示例: ``` function classDecorator(target) { // 在类名前后添加一些字符串 target.className = `decorated_${target.name}_class`; return target; } @classDecorator class MyClass { // ... } console.log(MyClass.className); // 输出为 "decorated_MyClass_class" ``` 在上面的例子中,`classDecorator`是一个装饰函数,它接收一个类作为参数,并且在类名前后添加一些字符串。在类定义前面加上 `@classDecorator`,就可以使用装饰来修改类。 以下是一个使用装饰修改类成员的示例: ``` function methodDecorator(target, key, descriptor) { // 保存原始方法 const originalMethod = descriptor.value; // 修改方法 descriptor.value = function(...args) { console.log(`Method ${key} called with arguments: ${args.join(', ')}`); return originalMethod.apply(this, args); }; return descriptor; } class MyClass { @methodDecorator myMethod(x, y) { return x + y; } } const obj = new MyClass(); obj.myMethod(1, 2); // 输出 "Method myMethod called with arguments: 1, 2" console.log(obj.myMethod(1, 2)); // 输出 3 ``` 在上面的例子中,`methodDecorator`是一个装饰函数,它接收三个参数:类的原型对象(即类的成员所在的对象)、成员名和成员的描述符。在这个例子中,`methodDecorator`修改了类的一个方法,添加了一些额外的日志输出。在方法定义前面加上 `@methodDecorator`,就可以使用装饰来修改方法

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值