介绍
autobindr是一个npm包，可以帮助我们快速绑定类方法和实例方法。在前端开发中，如果需要频繁地使用this来调用方法，会使得代码冗长而难以维护。而使用autobindr，我们可以很方便地解决这个问题。
安装
在命令行中输入以下指令，即可安装autobindr。
npm install autobindr --save
使用
使用autobindr非常简单，只需要将需要绑定的方法加上修饰符“@autobind”，在类实例化时，会自动绑定this。
-- -------------------- ---- -------
------ -------- ---- ------------
----- ------------
------------------ -
-------------
---------------
---------- - -
------ -
--
-
---------
------------- -
--------------------- ---------------- - ----
-
-------- -
------ -
-----
------- ---------------------------------------------------------
------
--
-
-深入了解
使用autobindr，我们可以看到前面加上了一个修饰符。这个修饰符是一个装饰器，和类和方法一样，也是ES6标准中新增的一项特性。
请参阅以下示例代码：
-- -------------------- ---- -------
-------- ----------- ----- ----------- -
----- -------- - -----------------
---------------- - ---------- -
----------------- ------------- -----------
------ -------------------- -----------
--
------ -----------
-
----- ----------- -
----
------------- -
--------------- ------ ---------------- - - ---
-
-在这个例子中，我们可以看到@click修饰了handleClick方法。这是一个方法级别的装饰器，可以在handleClick被调用时记录一些日志。
总结
autobindr可以让我们更方便地绑定方法，减少代码中的冗余，提高代码可维护性。同时，autobindr基于ES6特性，使用装饰器来实现，为我们提供了更多的探索机会。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc281e8991b448e63fa