JS封装转换前后端接口数据格式工具函数下划线<=>大写

封装转换前后端接口数据格式工具函数是一种非常实用的技巧，可以提高前后端数据传输的效率和易用性。在其中，下划线与大写之间的转换是比较常见的需求。下面是一些具体操作方法：

1. 定义函数

可以先定义一个函数，将下划线和大写之间进行转换。例如，我们可以定义一个名为transform的函数，实现下划线与大写之间的转换：

function transform(key, type) {
  let reg = '';
  if (type === 'underscore') {
    reg = /([A-Z])/g;
    return key.replace(reg, '_$1').toLowerCase();
  } else if (type === 'uppercase') {
    reg = /_(\w)/g;
    return key.replace(reg, ($0, $1) => $1.toUpperCase());
  } else {
    console.error('请传入正确的type参数');
    return key;
  }
}

该函数接收两个参数，分别为key和type。其中，key为需要进行转换的字符串，type为转换的类型。当type为underscore时，表示要将大写字母转换成下划线加小写字母。当type为uppercase时，表示要将下划线加小写字母转换成大写字母。

2. 测试函数

可以使用下面的示例来测试上面所定义的transform函数：

console.log(transform('user_name', 'uppercase')); // 输出：USER_NAME
console.log(transform('UserAge', 'underscore'));  // 输出：user_age
console.log(transform('phoneNum', 'xxx'));         // 输出：phoneNum，并提示“请传入正确的type参数”

在以上示例中，我们测试了将一个下划线+小写字母的字符串转换成大写字母，以及将一个大写字母转换成下划线+小写字母的字符串。当出现不正确的type参数时，会提示传入正确的参数。

3. 使用工具函数

在实际使用中，我们可以将上文定义的transform函数作为工具函数，方便其他函数或模块进行使用。例如，我们可以定义一个模块api，里面有一个方法getUserInfo，可以将返回的数据进行格式转换：

import transform from './transform';

function getUserInfo() {
  return new Promise((resolve, reject) => {
    // ... 发起接口请求获取数据
    const result = {
      id: 1,
      user_name: 'Tommy',
      age: 18
    };
    const userInfo = {
      id: result.id,
      userName: transform(result.user_name, 'uppercase'),  // 转换成大写字母形式
      age: result.age,
    }
    resolve(userInfo);
  });
}

export default {
  getUserInfo
};

在以上示例中，我们在getUserInfo方法里将获取到的result数据进行格式转换，将下划线+小写字母的user_name字段转换成大写字母的userName字段。这样，getUserInfo返回的数据就是经过转换后的数据，可以方便前端进行使用。

4. 应用场景

这种工具函数在实际开发的中应用非常广泛。例如，前端需要发送一些参数给后端，在传递数据时，经常需要将前端传递的小写字母格式转换成下划线+小写字母的后端接口格式，或者反过来。此时，我们可以在前端使用上述示例中的transform函数来快速转换格式，避免手动编写费时费力的转换代码。