JavaScript的apply和装饰器模式

最新推荐文章于 2025-05-08 07:23:59 发布

原创最新推荐文章于 2025-05-08 07:23:59 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js 装饰器

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何使用JavaScript装饰器来动态改变函数行为，并通过一个统计parseInt()函数调用次数的例子展示了函数替换的具体实现。

在学习的时候

读到 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345005399057070809cfaa347dfb7207900cfd116fb000

其中这段

装饰器

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

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

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

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

window.parseInt = function () {
    count += 1;
    return oldParseInt.apply(null, arguments); // 调用原函数
};

// 测试:
parseInt('10');
parseInt('20');
parseInt('30');
count; // 3