3

JavaScriptの関数の引数名を取得することはできるのでしょうか?

function my_func(foo, bar) {
    return foo * bar
}

上のようなmy_func関数があったとして、

my_func.args_name //  ["foo", "bar"]

このargs_nameのように引数の名前を配列などで取ることはできないのでしょうか?

正規表現を使えばできなくはないのですが、デフォルト引数などを使ったりするとさらに複雑になってしまうのでなるべく避けたいです。

2 件の回答 2

3

残念ながら、関数の引数名を取得する簡単な方法は用意されていません。

質問者さんのおっしゃるように関数を文字列に変換してそこから情報を取得するしかありませんが、正規表現では確かにデフォルト値があるときに太刀打ちするのが難しくなります。

それを乗り越える一つの方法は、例えばacornのようなJavaScriptパーサーを用いて、関数を表す文字列を再度構文解析して関数の情報を得ることです。

とりあえずacornを使って関数の引数名を取得するコードは以下のとおりです。

const acorn = require('acorn');

function my_func(foo, bar = 3, baz, {hoge}) {
    return foo * bar;
}   

// my_funcを文字列化する
const my_func_str = my_func.toString();

// acorn.parseで構文解析する
const parsed = acorn.parse(my_func_str);

// 正しくパースされていることを確認
console.assert(parsed.type === 'Program');

// 関数宣言が認識されていることを確認
const funcDecl = parsed.body[0];
console.assert(funcDecl.type === 'FunctionDeclaration');

// 一応名前が合っている確認
console.assert(funcDecl.id.name === 'my_func');

// 引数の名前の配列を作成
const argNames = funcDecl.params.map(mapArgToName);

console.log(argNames); // ['foo', 'bar', 'baz', 'no name']

// 関数引数のオブジェクトを関数名にマップする関数
// (適当に書いたので処理漏れがあるかもしれません)
function mapArgToName(argObject) {
    switch (argObject.type) {
        case 'Identifier': {
            return argObject.name;
        }
        case 'AssignmentPattern': {
            return mapArgToName(argObject.left);
        }
    }
    return 'no name';
}  

これで一応目的のことは可能かと思いますが、ソースコードをいちいち構文解析するのは決して軽い処理ではありません。本当にこんなことをしてまで関数の引数名を取得する必要があるのかはよく考えたほうがよいかと思います。


余談ですが、JavaScriptの引数においては「引数名」は必ず存在するとは限りません。例えば以下の関数の第一引数は名前がありません。上の例ではこれは'no name'にしています。

function func({foo, bar}) { return foo * bar; }
1

参考としてですが、質問で言った正規表現での方法を載せておきます。
ただし、この方法では関数にデフォルト値を設定するとうまく動かなくなります。

function my_func(foo, bar) {
    return foo * bar
}

let func_str = String(my_func);
let arg_names = /\((.+)\)/.exec(func_str)[1].split(","); // ["foo", "bar"]
console.log(arg_names);

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。