封装函数

提取重复代码，封装成函数

接口

假设有一个查询数据的接口 /getUserData?age=17&city=beijing。现在需要做的是把用户数据：{ age: 17, city: 'beijing' } 转成 URL 参数的形式：

let result = "";
const keys = Object.keys(data); // { age: 17, city: 'beijing' }
keys.forEach((key) => {
  result += "&" + key + "=" + data[key];
});

result.substr(1); // age=17&city=beijing

如果只有这一个接口需要转换，不封装成函数是没问题的。但如果有多个接口都有这种需求，那就得把它封装成函数了：

function JSON2params(data) {
  let result = "";
  const keys = Object.keys(data);
  keys.forEach((key) => {
    result += "&" + key + "=" + data[key];
  });

  result.substr(1);
}