通过创建一个接受前缀的泛型函数来重构：

function doTheThing(prefix) {
    $(`#${prefix}-address`).on('click', function() {
        $(`#${prefix}-dropdown`).show();
        $(`#${prefix}-address`).addClass('box-click');
    });
}

字符串
注意反引号用于字符串插值。
然后使用它：

function onSelectAddress() {
  doTheThing('receive');
  doTheThing('send');
}

型

我能想到的一种优化代码的方法是创建一个泛型函数，它接受receive和send作为参数，并处理这两种情况。类似于（* 代码未经测试，但你明白了 *）：

function generic(prefix) {
    $(`#${prefix}-address`).on('click', function() {
        $(`#${prefix}-dropdown`).show();
        $(`#${prefix}-address`).addClass('box-click');
    });
}
// To use
function setupAddressHandlers() {
    generic('receive');
    generic('send');
}
// ...rest of code

字符串

function onAddressClick() {
  $('.address').on('click', function() {
    var action = $(this).data('action');
    $('#' + action + '-dropdown').show();
    $(this).addClass('box-click');
  });
}

个字符
这段代码使用了一个通用的“address”类来处理“receive-address”和“send-address”元素，并利用data-action属性来判断它是“receive”还是“send”操作。这样，你就可以避免重复代码，并使其更易于维护。