javascript - 无法调用函数来检索 "value"参数并替换字符串中的字符

Question

有一些代码是另一位开发人员重复的。 我想把它放在一个函数中然后调用它，但现在我有点困惑。

这是我的代码:

if(true) {
    $(this).attr('id', function (i, val) {
       return val.replace('Less', 'More');
    }).attr('data-bactmln', function (i, val) {
       return val.replace('Less', 'More')
    });
} else {
    $(this).attr('id', function (i, val) {
       return val.replace('More', 'Less');
    }).attr('data-bactmln', function (i, val) {
       return val.replace('More', 'Less')
    });
}

我想做这样的事情:

var toggleTealiumId = function(p1, p2) {
    return val.replace(p1, p2);
};

if(true) {
   $(this).attr('id', toggleTealiumId('More', 'Less'));
} else {
   $(this).attr('data-bactmln', toggleTealiumId('Less', 'More'));
}

那个val是 value字符串的第一行代码，但现在我得到 undefined .

那我怎么才能停止val来自undefined并以正确的方式去做？

有什么建议吗？

Answer 1

你需要这样写:

function toggleTealiumId(p1, p2) {
  return function(i, val) {
    return val.replace(p1, p2);
  }
}

调用 toggleTealiumId('More', 'Less') 将返回一个函数，其中 p1 和 p2 绑定(bind) 到 'More' 和 'Less'(查看 How do JavaScript closures work? 了解更多详情)，此函数可以作为参数传递给 属性。