JS代码重构：避免冗余，提取通用函数（1）-蒲公英云

JS代码重构：避免冗余，提取通用函数（1）

在重构前的代码中，我们有两个几乎相同的函数handleSelectionChangeUserId1和handleSelectionChangeUserId2，它们的主要逻辑是检查选择的值是否与另一个字段的值相同，若相同则清空当前字段的值并显示错误消息。

为了消除代码重复，我们进行了重构。我们创建了一个通用的函数handleSelectionChangeUser，用于处理两个函数中相同的逻辑，同时在参数中指定了目标字段和错误消息，使得该函数可以在不同的场景下复用。

本文将重点讲解如何通过重构消除代码冗余，将两个相似的函数合并为一个通用函数，提高代码的可维护性和可读性。我们将详细介绍重构前后的代码对比、重构的步骤以及实际操作中的注意事项。通过本文的学习，你将了解到代码重构的重要性以及如何利用通用函数来优化代码。

1. 重构前的代码对比

在本节中，我们将展示重构前的两个函数handleSelectionChangeUserId1和handleSelectionChangeUserId2的代码，以及它们之间的相似之处。

// 重构前的代码
function handleSelectionChangeUserId1(obj) {
    if (obj === queryParams.value.userId2) {
        queryParams.value.userId1 = '';
        return proxy.$modal.msgError("注意：userId1不得与userId2相同");
    }
}
function handleSelectionChangeUserId2(obj) {
    if (ob