javascript - 如何多次调用此默认 args 函数?
问题描述
我遇到了一个问题,我需要允许在 JavaScript 中的函数上设置默认参数:
function dfltArgs(func, params) {
const strFn = func.toString()
console.log(strFn)
const args = /\(([^)]+)\)/.exec(strFn)[1].split(',')
const defaultVal = (arg, val) => typeof arg !== 'undefined' ? arg : val
return (...dynamicArgs) => {
const withDefaults = args.map((arg, i) =>
defaultVal(dynamicArgs[i], params[args[i]]))
return func(...withDefaults)
}
}
function add (a, b) { return a + b }
var add_ = dfltArgs(add,{b:9})
console.log(add_(10)) // Should be 19
var add_ = dfltArgs(add_,{b:3})
console.log(add_(10)) // Should now be 13
但是,我需要能够多次调用此函数并覆盖以前设置的默认值:
var add_ = defaults(add,{b:9})
add_(10) // Should be 19
var add_ = defaultArguments(add_,{b:3})
add_(10) // Should now be 13
这在我的实现中不起作用,因为第二次调用的字符串化函数是:(...dynamicArgs) => {
等。
我该如何重构呢?可能需要以bind
某种方式使用?
解决方案
与其使用复杂的默认参数,不如直接使用一些带有真正默认参数的箭头函数:
var _add = (a, b = 8) => add(a, b);
这样你就可以很容易地改变绑定的东西:
var add_ = (a = 2, b) => _add(a, b);
add_() // 10