function-name-export

```javascript const getFunctionAggregation = require('function-name-export');

Usage no npm install needed!

<script type="module">
  import functionNameExport from 'https://cdn.skypack.dev/function-name-export';
</script>

README

使用方式

const getFunctionAggregation = require('function-name-export');

const content = 'const fn = () => {}';

let result = getFunctionAggregation(content);

支持的函数声明

  // fn
  const fn = () => {};

  // fnA
  function fnA() {}

  // fnB
  const fnB = function () {}

  // fnD 
  const fnC = function fnD() {}

  class A {
    hello = function() {}

    arrow = () => {}

    render() {}
  }

支持的检测函数执行方式/函数作为值的方式

  // js
  fn();

  await fn();

  () => fn();

  this.fn();

  const a = fn();

  return fn;

  return [fn];

  return {fn};

  out(fn);

  out([fn]);

  out({fn});

  const obj = {
    hello: fn
  }

  const arr = [fn];

  // jsx
  onClick={fn}

  onClick={() => fn()}

  onClick={fn.bind(null, 123)}

  onClick={this.fn}

  <div onClick={b}>
    {arr.map(item => fn(item))}
  </div>

Feature

支持的文件类型

支持 JavaScript
支持 TypeScript
支持 Jsx
支持 Vue

优化

抽离 visitor
采用 event 采集 AST 识别后结果
考虑 try catch 情况
函数调用未考虑 react 组件
检测函数调用中传入函数的场景
检测 return 一个函数的方式
检测数组/对象中赋值右侧是函数的方式
支持 jsx 方法中使用 this.fn