什么是 babel-plugin-implicit-function？
babel-plugin-implicit-function 是一个 Babel 插件，它可以将 JavaScript 中的隐式函数调用转为显式的函数调用。通俗来说，就是将函数调用链转为函数嵌套。
例如，下面这样的一个调用链：
foo.bar.baz();
使用 babel-plugin-implicit-function 插件转换后，会变为：
foo.bar(() => {
baz();
});如何使用 babel-plugin-implicit-function？
安装插件
首先，需要在项目中安装 babel-plugin-implicit-function 插件：
npm install babel-plugin-implicit-function --save-dev
配置 Babel
在项目的 .babelrc 文件中，添加插件配置：
{
"plugins": ["implicit-function"]
}使用插件
在需要转换的文件中，在顶部引入插件：
import { implicitFunction } from 'babel-plugin-implicit-function';然后，在需要转换的代码块上加上注释：
const foo = {};
foo.bar.baz(); //eslint-disable-line implicit-function现在，当您执行 Babel 转换时，就可以将注释标记的代码转换为显式函数嵌套。
为什么要使用 babel-plugin-implicit-function？
JavaScript 中的隐式函数调用很常见。例如，React 组件中的事件处理程序就是使用隐式函数调用来定义的：
-- -------------------- ---- -------
----- --- ------- --------------- -
------------- -
------------------- ----------
-
-------- -
------ -
------- -------------------------------- -----------
--
-
-在上面的代码中，handleClick 函数会在组件的渲染过程中被调用。但是，React 并没有提供一个明确的机制来解决隐式函数调用带来的问题。这就需要一个插件来帮我们解决这个问题。
另外，在大型的代码库中，隐式函数调用可以让代码难以理解和维护。显式函数嵌套可以让代码更加可读和易于维护。
示例代码
-- -------------------- ---- -------
------ - ---------------- - ---- ---------------------------------
----- --- - -
---- -
----- -
-------------------
--
--
--
-- ------
--------------
-- ----------
---------- -- -
------
--- --------------------- -----------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601a81e8991b448de438