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
DEMO
这种方法有一些缺点(你已经被警告过了!):
如果最后一个参数是一个对象,它将被视为“命名参数对象”
您将始终获得与在函数中定义的相同数量的参数,但其中一些参数的值可能为undefined(这与完全没有值不同)。这意味着你不能使用参数。长度来测试传递了多少个参数。
与其让函数创建包装器,还可以让函数接受函数和各种值作为参数,例如
call(func, a, b, {posArg: ... });
甚至扩展函数。这样你就可以做:
foo.execute(a, b, {posArg: ...});