Skip to main content
本文に 1313 文字追加
ソース リンク
Faily Feely
  • 2,883
  • 1
  • 8
  • 18

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

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

それを乗り越える一つの方法は、例えば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; }

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

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

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

(ここにacornの使い方追記予定)


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

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

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

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

それを乗り越える一つの方法は、例えば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; }
ソース リンク
Faily Feely
  • 2,883
  • 1
  • 8
  • 18

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

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

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

(ここにacornの使い方を追記予定)


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

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