在前端开发中，我们经常需要在JavaScript对象中将方法与其它对象绑定，以便它们被正确调用并且具有相应的上下文。然而，这种需求往往会导致很多冗长的代码或者尝试自己实现一个“bind”函数。这恰恰就是 npm 包 @sourcevault/bindall 要解决的问题。
什么是 @sourcevault/bindall
@sourcevault/bindall 是一个简单的 npm 包，它提供了一个名为 bindAll 的函数，可以将一个对象的所有方法自动绑定到该对象本身上，以此保证方法的正确执行。此外，它还可以将方法绑定到不同的对象上进行使用。
如何使用 @sourcevault/bindall
安装
使用 npm 安装：
npm install @sourcevault/bindall
或者使用 Yarn 安装：
yarn add @sourcevault/bindall
使用
要使用 bindAll 方法，只需要在您的 JavaScript 代码中导入它：
import bindAll from '@sourcevault/bindall';
然后，您可以为需要绑定所有方法的对象调用 bindAll：
-- -------------------- ---- -------
----- --- - -
----- ------
------- -
---------------- -- ---- -- ----------------
-
--
-------------
------------ -- --- -- ---- -- ----如上所示，方法 sayHi 已被成功绑定并可以使用正确的上下文。
指定绑定到的对象
如果您想将对象的方法绑定到不同的对象上，可以将该目标对象的引用传递给 bindAll 函数的第二个参数，如下所示：
-- -------------------- ---- -------
----- --- - -
----- ------
------- -
---------------- -- ---- -- ----------------
-
--
----- ---------- - -
----- ------
--
------------ ------------
---------------- - ----------
------------------- -- --- -- ---- -- -----如上所示，我们通过将 anotherObj 传递给 bindAll 函数，将 sayHi 方法绑定到了 anotherObj 上。然后我们将其赋值给 anotherObj.sayHi 并成功调用它。
总结
@sourcevault/bindall 很容易使用，而且可以解决很多需要手写 bind 函数的场景。它可以为您省去大量的代码，还可以确保方法调用时具有正确的上下文。使用它，您可以更轻松地编写 JavaScript 代码，并避免出现许多常见的错误。
示例代码：
-- -------------------- ---- -------
------ ------- ---- -----------------------
----- --- - -
----- --------
---------- -
------------------- -- ---- -- ----------------
--
------------ -
--------------------- ----------------
-
--
-------------
----- ------ - -------------------------------------
-------------------------------- --------------
------------- -- -
----------------------------------- --------------
-------------------------------- ----------------
-- ------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607881e8991b448dea13