在前端开发中，我们经常需要获取函数名，以便于调试或者做一些其他的操作。而 JavaScript 并没有提供一个内置方法来获取函数名，因此我们需要借助第三方库实现这个功能。其中一个比较常用的库就是 get-fn-name。
本文将介绍 get-fn-name 的使用方法，并给出一些示例代码来帮助读者更好地理解。
安装
首先，我们需要在项目中安装 get-fn-name：
npm install get-fn-name --save
使用方法
使用 get-fn-name 很简单，只需要传入一个函数作为参数即可返回该函数的名称。例如：
const getFnName = require('get-fn-name');
function testFunction() {
console.log(getFnName(testFunction)); // "testFunction"
}
testFunction();注意，如果传入的不是函数，get-fn-name 将会返回空字符串。
console.log(getFnName('not a function')); // ''此外，如果传入的函数是匿名函数，get-fn-name 将会返回空字符串。
console.log(getFnName(() => {})); // ''深度和学习
虽然 get-fn-name 看起来很简单，但是它背后的实现其实比较复杂。JavaScript 中的函数有多种不同的形式，比如函数声明、函数表达式、箭头函数等等。每种类型的函数在 JavaScript 引擎中都有不同的实现方式，因此要想实现一个通用的获取函数名的方法并不容易。
在 get-fn-name 的实现中，它会遍历传入函数的所有父级，并逐层向上寻找函数名。如果找到了就返回该函数名，否则返回空字符串。这种寻找函数名的方式可以很好地处理大部分情况下的函数定义方式，但是对于某些特殊情况可能不太适用。
指导意义
get-fn-name 是一个非常实用的 npm 包，能够帮助我们快速获取函数名。尽管它并不能解决所有情况下的问题，但是对于大部分常见的使用场景来说已经足够了。
同时，深入了解 get-fn-name 背后的实现方式也有助于我们更好地理解 JavaScript 函数的本质和底层运行机制。这对于我们提高代码质量和编写高效的代码都非常有帮助。
示例代码
以下是一些使用 get-fn-name 的示例代码：
-- -------------------- ---- ------- ----- --------- - ----------------------- -------- ----- -- ---------------------------- -- ----- ----- --- - ---------- --- ---------------------------- -- ----- ----- --- - -- -- --- ---------------------------- -- ----- ----- ------- - ---------- -- - ----- ----- - --- ---------- --------------------------------------- -- ----------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46653