JS如何进行组件的封装

class gameProp {
  // var requestPropData = [];
  gamePropDetails(ids, id) {
    getPropDetails(
      "接口名称",
      {
        ids: ids.join(","),
      },
      function (params) {
        acctype(params.data, id);
      }
    );
    function getPropDetails(url, query, callback) {
      // 如果有参数，先把参数拼接在url后面
      if (query) {
        url += "?";
        for (var key in query) {
          url += `${key}=${query[key]}&`;
        }
        // 去除最后多余的那一个&
        url = url.slice(0, -1);
      }
      var xhr = new XMLHttpRequest();
      xhr.open("get", url);
      xhr.send();
      xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
          var JSONData = JSON.parse(xhr.responseText);
          callback(JSONData);
        }
      };
    }
    function acctype(ids, id) {
      // for (let i = 0; i < ids.length; i++) {
      //   const element = ids[index];

      // }
      ids.map((element) => {
        /**
         * 数据处理
         */
      });
    }
  }
}