Имя функций, которая не является ни геттером ни сеттером и не является результатом функций bind можно узнать вызвав свойство name у функций.
Что же касается способов получения имени функций, и её параметров при помощи регулярного выражения, которые описаны выше в этой теме, то там не учтены некоторые особенности объекта функция (и в частности её метода toString) Поэтому чудовищно хромают.
Для начала нужно узнать, является ли объект object функцией. Для этого подойдёт...
typeof object === "function" или
object instanceof Function
function getFunctionData(object) {
if(object instanceof Function === false) throw new TypeError("First argument to getFunctionData function must be an Function");
// удаляем из начала имени указания того, что это сеттер,
// геттер или получено из функций bind
// имя функций объявленное при помощи символа будет в квадратных скобках
let name = object.name.replace(/^(?:set|get)\s|(?:bound\s+)+/, "");
return {
name
}
}
// помощник
function test(fn) {
let functionData = getFunctionData(fn);
console.group(`Функция — ${functionData.name ? functionData.name : "безымянная"}`);
console.log(fn);
console.groupEnd();
}
// примеры (результаты видны в консоли, F12)
test(Function);
test(function Awesome() {});
test(class PolyRange extends HTMLInputElement {});
test(new Function("/* I'm really anonymous */"));
test(({ id: a }) => () => a);
test(async (url) => await fetch(url).then(response => response.json()));
test(function* counter() {});
test(class { baz(...nums) { return [...new Set(nums)]; } });
test((class { baz(...nums) { return [...new Set(nums)]; } }).prototype.baz);
test(((x = "function you have got confused() {}") => ({[x](x=x){}})[x])());
test(Object.getOwnPropertyDescriptor({set foo({mode} = { mode: "normal" }) {}}, "foo").set);
test(function* range({ mapper = function(x) { return x }, start = 0, end = Infinity, step = 1 } = {}) { let value = start; while(end > value) yield mapper(value += step); });
test((function save() {}).bind({}));
test((function save() {}).bind({}).bind({}).bind({}));
test(({[Symbol.for("Hello")](x){}})[Symbol.for("Hello")]);
Теперь давайте получим имена всех параметров функций. При помощи какого-то одного регулярного выражений это не получится сделать, поскольку невозможно отследить правильный порядок скобок.
И аргументы и тело могут содержать последовательности символов "=>", ")", "{" или "}". Например, вот какие строки может возвращать метод toString у функций:
function() {}
(a = a => a) => {}
function* (...args) {}
class {}
(){} // получается путем ({[""](){}})[""];
async *function({url, options: { mode }}) {}
function (callback = function(callback = async function(callback) {}) {}) {}
Можно использовать парсер, например, Esprima — стандартно-совместимый анализатор ECMAScript — чтобы найти все имена параметров, которые будут доступны после того, как функция будет вызвана.
Вот окончательный вариант функций getFunctionData, которая возвращает имя и имена параметров функций...
<!doctype html>
<html lang="en" style="background: #f06; ">
<head>
<meta charset="utf-8">
</head>
<body>
<script src="https://unpkg.com/esprima@4.0.0/dist/esprima.js"></script>
<script>
function getFunctionData(object) {
if(object instanceof Function === false) throw new TypeError("First argument to getFunctionData function must be an Function");
// удаляем из начала имени указания того, что это сеттер,
// геттер или получено из функций bind
// имя функций объявленное при помощи символа будет в квадратных скобках
let name = object.name.replace(/^(?:set|get)\s|(?:bound\s+)+/, "");
// теперь используем Esprima
// встроенные функций и wasm всегда возвратят []
// поскольку имеют вид "function() { [native code] }"
// и поскольку можно `Function.prototype.toString = () => "function() { [native code] }";`
// таким образом не гарантируется получение имён параметров, если toString у
// функций был переопределён
// вместо этого можно таким же образом разобрать исходный код...
let body = object.toString();
let ast = tryThese(
() => esprima.parse("(" + body + ");"),
() => esprima.parse("(function " + body + ");"),
() => esprima.parse("(function " + body.replace(/^function set /, "") + ");"),
() => esprima.parse("(function " + body.replace(/^function get /, "") + ");"),
() => esprima.parse("(" + body.replace("[native code]", "") + ");"),
);
let firstBody = ast.body[0] || {};
let params = firstBody.type === "ExpressionStatement" ? firstBody.expression.type === "ClassExpression" ? firstBody.expression.body.body : firstBody.expression.params : firstBody.params;
// возвращает массив всех переменных, которые будут
// доступны, когда функция будет вызвана
function getParams(ctx, paramNames = []) {
if(!ctx) return paramNames;
if("type" in ctx === false) {
ctx.forEach(param => getParams(param, paramNames));
} else {
// рекурсивный обход дерева — поиск узлов типа "Identifier"
switch(ctx.type) {
case "AssignmentPattern":
paramNames.push(...getParams(ctx.left));
break;
case "ArrayPattern":
paramNames.push(...getParams(ctx.elements));
break;
case "FunctionExpression":
paramNames.push(...getParams(ctx.params));
break;
case "Identifier":
paramNames.push(ctx.name);
break;
case "ObjectPattern":
paramNames.push(...getParams(ctx.properties));
break;
case "MethodDefinition":
if(ctx.kind !== "constructor") break;
case "Property":
paramNames.push(...getParams(ctx.value));
break;
case "RestElement":
paramNames.push(...getParams(ctx.argument));
break;
}
}
return paramNames;
}
// возвращает результат той функций, которая не улетает
function tryThese(...fns) {
let fn, error;
while(fn = fns.shift()) {
try {
return fn();
} catch (_) {
error = _;
continue;
}
}
throw error;
}
return {
name,
params: getParams(params)
}
}
// помощник
function test(fn) {
let functionData = getFunctionData(fn);
console.group(`Функция — ${functionData.name ? functionData.name : "безымянная"}`);
console.log(fn);
console.log("Параметры: ", JSON.stringify(functionData.params));
console.groupEnd();
}
// примеры (результаты видны в консоли, F12)
test(Function);
test(function Awesome() {});
test(function Point(x, y) {});
test(class Point { constructor(x, y) {}});
test(class PolyRange extends HTMLInputElement {});
test(new Function("[a, b = \"\", ...c]", "/* I'm really anonymous */"));
test(({ id: a }) => () => a);
test(async (url) => await fetch(url).then(response => response.json()));
test(function* counter() {});
test(class { baz(...nums) { return [...new Set(nums)]; } });
test((class { baz(...nums) { return [...new Set(nums)]; } }).prototype.baz);
test(((x = "function you have got confused() {}") => ({[x](x){}})[x])());
test(class extends (class extends (class extends (class extends (function ({ href } = location) {}) {}) {}) {}) {});
test(function whois({age, displayName: displayName, fullName: {firstName: name}}){});
test(Object.getOwnPropertyDescriptor({set foo({mode} = { mode: "normal" }) {}}, "foo").set);
test(Object.getOwnPropertyDescriptor({get foo() {}}, "foo").get);
test(function* range({ mapper = function(x) { return x }, start = 0, end = Infinity, step = 1 } = {}) { let value = start; while(end > value) yield mapper(value += step); });
test((function save() {}).bind({}));
test((function save() {}).bind({}).bind({}).bind({}));
test(({[Symbol.for("Hello")](x){}})[Symbol.for("Hello")]);
test(({a1: a2 = a3 => a4}) => {});
</script>
<p style="font: 2.5em / 1.5 Menlo, monospace; text-align: center; text-shadow: 0 0.1em 0.1em #7b3755; ">результаты видны в консоли, F12</p>
</body>
</html>
Esprima
http://esprima.org/demo/parse.html Конечно же Вы можете анализировать всё, что угодно, а не только параметры функции...