ES2015以降
ES2015では、パラメーターの破棄を使用して、名前付きパラメーターをシミュレートできます。呼び出し元がオブジェクトを渡す必要がありますが、デフォルトのパラメーターも使用すると、関数内のすべてのチェックを回避できます。
myFunction({ param1 : 70, param2 : 175});
function myFunction({param1, param2}={}){
// ...function body...
}
// Or with defaults,
function myFunc({
name = 'Default user',
age = 'N/A'
}={}) {
// ...function body...
}
ES5
目的に近づける方法はありますが、実装にある程度依存するFunction.prototype.toString
[ES5]の出力に基づいているため、クロスブラウザ互換ではない可能性があります。
オブジェクトのプロパティを対応するパラメータに関連付けることができるように、関数の文字列表現からパラメータ名を解析するという考え方です。
関数呼び出しは次のようになります。
func(a, b, {someArg: ..., someOtherArg: ...});
ここでa
、およびb
は位置引数であり、最後の引数は名前付き引数を持つオブジェクトです。
例えば:
var parameterfy = (function() {
var pattern = /function[^(]*\(([^)]*)\)/;
return function(func) {
// fails horribly for parameterless functions ;)
var args = func.toString().match(pattern)[1].split(/,\s*/);
return function() {
var named_params = arguments[arguments.length - 1];
if (typeof named_params === 'object') {
var params = [].slice.call(arguments, 0, -1);
if (params.length < args.length) {
for (var i = params.length, l = args.length; i < l; i++) {
params.push(named_params[args[i]]);
}
return func.apply(this, params);
}
}
return func.apply(null, arguments);
};
};
}());
どちらを使用しますか:
var foo = parameterfy(function(a, b, c) {
console.log('a is ' + a, ' | b is ' + b, ' | c is ' + c);
});
foo(1, 2, 3); // a is 1 | b is 2 | c is 3
foo(1, {b:2, c:3}); // a is 1 | b is 2 | c is 3
foo(1, {c:3}); // a is 1 | b is undefined | c is 3
foo({a: 1, c:3}); // a is 1 | b is undefined | c is 3
デモ
このアプローチにはいくつかの欠点があります(警告されています!):
- 最後の引数がオブジェクトの場合、「名前付き引数オブジェクト」として扱われます
- 関数で定義した数の引数を常に取得しますが、一部の引数には値がある場合があります
undefined
(値がまったくない場合とは異なります)。つまりarguments.length
、渡された引数の数をテストするために使用することはできません。
ラッパーを作成する関数を使用する代わりに、関数とさまざまな値を引数として受け入れる関数を使用することもできます。
call(func, a, b, {posArg: ... });
または、次のことができるように拡張Function.prototype
することもできます。
foo.execute(a, b, {posArg: ...});