简介
babel-plugin-method-unchaining 是一个 Babel 插件，用于简化 JavaScript 代码中对象的方法调用。它可以将 "obj.method1().method2().method3()" 这样的代码转换成更简单、直观的形式，例如 "method3(method2(method1(obj)))"。
安装
可以使用 npm 进行安装。
npm install --save-dev babel-plugin-method-unchaining
安装完成后，在 babel 配置文件中添加 "method-unchaining" 插件。
{
"plugins": ["method-unchaining"]
}用法
在一个 JavaScript 代码段中，对于对象的方法调用，我们可以使用 plugin 来实现简化。例如：
obj.method1().method2().method3();
可以被翻译成：
method3(method2(method1(obj)));
示例代码
-- -------------------- ---- -------
-- --------
----- ------- -
---------------- -
-------- - ---
-
------ -
-------- -- -
------ ----
-
----------- -
-------- -- -
------ ----
-
-------- -
------ --------
-
-
--- ------- - --- ----------
----------------------------------- 生成的代码如下：
-- -------------------- ---- -------
---- --------
--- ------- - -------- ------------ -
--------------------------------- ---------
-------- - ----
--
-------------------------------------
---- ------
------ -------- ------ -
-------- -- --
------ -----------------------------------------
-
-- -
---- -----------
------ -------- ----------- -
-------- -- --
------ -----------------------------------------
-
-- -
---- ---------
------ -------- -------- -
------ ---------
-
--- ------------------ ------
--- ------- - --- -----------
------------------------------------在以上代码示例中，从 "example.add(6).subtract(2).result()"，被转换为 "example.result(example.subtract(example.add(6)))"。
总结
babel-plugin-method-unchaining 插件满足了一些 JavaScript 编写中对象的方法调用简化之需求。它可以大量减少调用代码的行数，进一步简化代码的编写和阅读。注意，在使用此插件之前应先仔细阅读其文档，以确保正确使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a281e8991b448dfd2e